Five Font Trends

  1. Handwritten type – encompasses both printing and cursive styles and is separate from formal calligraphy or typeface.
    Brush Up font  |  Ondise font  |  Goodfy font  |  Barber Shop font
  2. Google Fonts – interactive directory of free hosted application programming interfaces for web fonts.
    Open Sans font  |  Roboto font  |  Oswald font
  3. Flat Design type – places a clear emphasis on simplicity, minimalism, and intelligibility.
    Metros font  |  Marianina font  |  Burne Alt font
  4. Mix & Match type – creates an artistic, handcrafted but still polished and purposeful look on a site.
    Native font  |  Hoverage font  |  Pacific Northwest Letters font
  5. Large Type – because of increased screen resolutions, the standard 12 point font is no longer as readable as it was before.
    Cape Rock font  |  CPL Kirkwood font  |  Zona Black font

The power of REM and EM finally explained!

The power of REM and EM finally explained! You may have come to terms with using flexible units of measurement, but you still might not fully understand when to use REM and when to use EM. This tutorial will help you figure it out!

Both EM and REM are flexible, scalable units which are translated by the browser into pixel values, depending on the font size settings in your design. If you use a value of 1em or 1rem, it could translate in the browser as anything from 16px to 160px or any other value.

  1. Both REM and EM are relative units.
  2. EM children inherit size by scaling in relation to the parent font size.
  3. REM is only relative to the html (root) font-size.
  4. REM is best used to define the padding and margins.
  5. REM stands for “root em”.
  6. REM units help for responsive design.
  7. REM units are great for rapid prototyping.
  8. All sizes should be in REM units.
  9. REM units do not work in IE8.