Web Design with HTML and CSS

The importance of typography on the web

Lesson 6, Formatting Text with CSS 123

Pixels-to-em conversion table

The following chart can help you make easy conversions from pixels to ems. Keep in mind that

this chart is based on two constants: that your default browser text size is 16 pixels and that your

body font-size is set to 100%.

Pixel font-size Em equivalent

11 0.689

12 0.750

13 0.814

14 0.875

15 0.938

16 1.000

17 1.064

18 1.125

19 1.188

20 1.250

21 1.313

22 1.375

23 1.438

24 1.500

25 1.563

26 1.625

27 1.688

28 1.750

There are also free em-to-pixel calculators to help you with on-the-fl y conversions:

• http://pxtoem.com/


• http://jameswhittaker.com/projects/apps/em-calculator-air-application/