REM Units - Responsive Typography

#container

Responsive Typography

REM (Root EM

Settings

Set the root font-size to 10px using a percentage. Use 62.5% of the default 16px set by the browser. This will enable easy calculations using familiar pixels sizes.

  • 1.0rem is 10px
  • 1.2rem is 12px
  • 1.6rem is 16px
  • 1.8rem is 18px
  • We use 62.5% at the root HTML element to still allow users to overide our font style settings