iOS 8 Dynamic text CSS sizing

gistfile1.md

Font Scale

(letter spacing is only correct for non-bold text system setting)

// font: 11px / 13px; letter-spacing: 0.22px
// font: 12px / 16px; letter-spacing: 0.21px;
// font: 13px / 18px; letter-spacing: 0.2px
// font: 14px / 19px; letter-spacing: 0.17px; 0.1px @500
// font: 15px / 20px; letter-spacing: 0.13px; 0.063px @500
// font: 16px / 21px; letter-spacing: 0.095px; 0.05px @500
// font: 17px / 22px; letter-spacing: 0.05px; 0px @500
// font: 18px / 23px; letter-spacing: -0.05px;
// font: 19px / 24px; letter-spacing: -0.1px; -0.09px @500
// font: 21px / 26px; letter-spacing: -0.25px; -0.08px @500
// font: 23px / 28px; letter-spacing: -0.25px; -0.08px @500
// font: 28px / 34px; letter-spacing: -0.4px;
// font: 33px / 40px; letter-spacing:-0.5px;
// font: 40px / 48px; letter-spacing:-0.6px;
// font: 47px / 56px; letter-spacing: -0.7px;
// font: 53px / 65px; letter-spacing: -0.8px;

Fonts used

normal system text

Headline: .HelveticaNeueInterface-MediumP4 All others: .HelveticaNeueInterface-Regular

bold system text

Headline: .HelveticaNeueInterface-Heavy All others: .HelveticaNeueInterface-MediumP4

Size Matrix

Accessibility sizes only vary for UICTFontTextStyleBody

• | UICTFontTextStyleHeadline | UICTFontTextStyleSubhead | UICTFontTextStyleBody | UICTFontTextStyleFootnote | UICTFontTextStyleCaption1 | UICTFontTextStyleCaption2 ---|---|---|---|---|---|---|--- UICTContentSizeCategoryXS | 14 | 12 | 14 | 12 | 11 | 11 UICTContentSizeCategoryS | 15 | 13 | 15 | 12 | 11 | 11 UICTContentSizeCategoryM | 16 | 14 | 16 | 12 | 11 | 11 UICTContentSizeCategoryL | 17 | 15 | 17 | 13 | 12 | 11 UICTContentSizeCategoryXL | 19 | 17 | 19 | 15 | 14 | 13 UICTContentSizeCategoryXXL | 21 | 19 | 21 | 17 | 16 | 15 UICTContentSizeCategoryXXXL | 23 | 21 | 23 | 19 | 18 | 17 UICTContentSizeCategoryAccessibilityM | | | 28 | | | UICTContentSizeCategoryAccessibilityL | | | 33 | | | UICTContentSizeCategoryAccessibilityXL | | | 40 | | | UICTContentSizeCategoryAccessibilityXXL | | | 47 | | | UICTContentSizeCategoryAccessibilityXXXL | | | 53 | | |