FF default headline sizes and their 1.2em equivalents

/ Published in: Other
Save to your folder(s)

This is simply to serve as a reminder for me as to Firefox's desired font size based on a 16pt base.

Copy this code and paste it in your HTML
  1. h1 {display: block;font-size: 2em;font-weight: bold;margin: .67em 0;} // 32px
  2. h2 {display: block;font-size: 1.5em;font-weight: bold;margin: .83em 0;} // 24px
  3. h3 {display: block;font-size: 1.17em;font-weight: bold;margin: 1em 0;} // 19px
  4. h4 {display: block;font-weight: bold;margin: 1.33em 0;} // 16px
  5. h5 {display: block;font-size: 0.83em;font-weight: bold;margin: 1.67em 0;} // 13px
  6. h6 {display: block;font-size: 0.67em;font-weight: bold;margin: 2.33em 0;} // 11px
  8. h1 {font-size:2.667em;}
  9. h2 {font-size:2em;}
  10. h3 {font-size:1.583em;}
  11. h4 {font-size:1.333em;}
  12. h5 {font-size:1.083em;}
  13. h6 {font-size:0.917em;}

Report this snippet


RSS Icon Subscribe to comments

You need to login to post a comment.