Skip to content
This repository has been archived by the owner on Aug 13, 2023. It is now read-only.

Latest commit

 

History

History
23 lines (20 loc) · 2.01 KB

typography_sizes_web.md

File metadata and controls

23 lines (20 loc) · 2.01 KB

GEL Typography Sizes (in rem units)

These values are based on the GEL Typography guidelines, which are defined in pixels. The values below can be recreated and verified by simply dividing the pixel values by 16 (16px is the base font size for the majority of browsers).

Note that this library does not implement the "Group C" sizes. This group is intended for large touch devices, and is not currently anticipated to be required for users of this library.

Group A Font Size Group A Line Height Group B Font Size Group B Line Height Group C Font Size Group C Line Height Group D Font Size Group D Line Height
Atlas 4.875 5.25 6 6.5 12 13 8.75 9.25
Elephant 3.75 4 4.875 5.25 9.75 10.625 7.25 7.75
Imperial 3.125 3.375 4 4.5 7.75 8.5 6 6.5
Royal 2.5 2.75 3.25 3.75 5.875 6.5 4.75 5.25
Foolscap 2 2.25 2.5 2.75 4.5 5 3.5 3.75
Canon 1.75 2 2 2.25 3.25 3.5 2.75 3
Trafalgar 1.25 1.5 1.5 1.75 2.25 2.5 2 2.25
Paragon 1.25 1.5 1.375 1.625 1.75 2 1.75 2
Double Pica 1.25 1.5 1.25 1.5 1.625 1.875 1.5 1.75
Great Primer 1.125 1.375 1.125 1.375 1.3125 1.5 1.25 1.5
Body Copy 0.9375 1.25 1 1.375 1.125 1.5 1 1.375
Pica 0.9375 1.25 1 1.25 1.125 1.375 1 1.25
Long Primer 0.9375 1.125 0.9375 1.125 0.9375 1.25 0.875 1.125
Brevier 0.875 1 0.875 1.125 0.875 1.125 0.8125 1
Minion 0.75 1 0.75 1 0.8125 1 0.75 1