Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Code Block
languagecss
font-family: Arial, sans-serif;


Type Scale

rempxActual size
0.75rem12 px


Html macro
<span style="font-family: arial; font-size: 12px;">Good design is good business</span>


0.875rem14 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 12px;">Good design is good business</span>


1rem16 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 16px;">Good design is good business</span>


1.125rem18 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 18px;">Good design is good business</span>


1.25rem20 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 20px;">Good design is good business</span>


1.5rem24 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 24px;">Good design is good business</span>


1.75rem28 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 28px;">Good design is good business</span>


2rem32 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 32px;">Good design is good business</span>


2.25rem36 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 36px;">Good design is good business</span>


2.625rem42 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 42px;">Good design is good business</span>


3rem48 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 48px;">Good design is good business</span>


3.375rem54 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 54px;">Good design is good business</span>


3.75rem60 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 60px;">Good design is good business</span>


4.25rem68 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 68px;">Good design is good business</span>


4.75rem76 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 76px;">Good design is good business</span>


5.25rem84 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 84px;">Good design is good business</span>


5.75rem92 px
Good design is good business


Html macro
<span style="font-family: arial; font-size: 92px;">Good design is good business</span>