Display sizes | Spec |
---|---|
Giga - 76 | Giga font-size: 76px / 4.75rem font-weight: light / 300 line-height: 1.25 (95px) .bx--type-giga |
Mega - 54 | Mega font-size: 54px / 3.375rem font-weight: light / 300 line-height: 1.25 (68px) .bx--type-mega |
Basic headers | Spec |
---|---|
Alpha - 36 | Alpha font-size: 36px / 2.25rem font-weight: light / 300 line-height: 1.25 (45px) .bx--type-alpha |
Beta - 28 | Beta font-size: 28px / 1.75rem font-weight: light / 300 line-height: 1.25 (35px) .bx--type-beta |
Gamma - 20 | Gamma font-size: 20px / 1.25rem font-weight: light / 300 line-height: 1.25 (25px) .bx--type-gamma |
Delta - 18 | Delta font-size: 18px / 1.125rem font-weight: SemiBold / 600 line-height: 1.25 (23px) .bx--type-delta |
Epsilon - 16 | Epsilon font-size: 16px / 1rem font-weight: SemiBold / 600 line-height: 1.25 (20px) .bx--type-epsilon |
Zeta - 14 | Zeta font-size: 14px / 0.875rem font-weight: SemiBold / 600 line-height: 1.25 (18px) .bx--type-zeta |
Omega - 12 | Omega font-size: 12px (0.75rem) font-weight: SemiBold (600) line-height: 1.25 (16px) .bx--type-omega |
Other styles | Spec |
---|---|
p - 16 | p font-size: 16px (1rem) font-weight: Regular (400) line-height: 1.5 (24px) p |
Caption - 12 | Caption font-size: 12px (0.75rem) font-weight: Regular (400) line-height: 1.5 (18px) .bx--type-caption |
Legal - 11 | Legal font-size: 11px (0.6875rem) font-weight: Regular (400) line-height: 1.5 (17px) .bx--type-legal |