CodexFont
Font-family
| Name | Value |
|---|---|
| font-family-base | sans-serif The quick brown fox Defined in Refers to Reference Vector's default fallback sans instead of the deprecated value `font-family-sans` in WikimediaUI Base. |
| font-family-sans deprecated | 'Helvetica Neue', 'Helvetica', 'Liberation Sans', 'Arial', sans-serif The quick brown fox Defined in Refers to Deprecated: Use `font-family-sans--fallback` instead. See T247166. |
| font-family-system-sans | -apple-system, 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Inter', 'Helvetica', 'Arial', sans-serif The quick brown fox Defined in Refers to |
| font-family-sans--fallback | sans-serif The quick brown fox Defined in Refers to |
| font-family-serif | 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox Defined in Refers to |
| font-family-serif--fallback | serif The quick brown fox Defined in Refers to |
| font-family-monospace | 'Menlo', 'Consolas', 'Liberation Mono', 'Fira Code', 'Courier New', monospace The quick brown fox Defined in Refers to |
| font-family-monospace--fallback | monospace, monospace The quick brown fox Defined in Refers to |
| font-family-heading-main | 'Linux Libertine', 'Georgia', 'Times', 'Source Serif Pro', serif The quick brown fox Defined in Refers to Legacy value from WikimediaUI Base. Use for first heading special treatment. |
Font-weight
| Name | Value |
|---|---|
| font-weight-hairline | 100 The quick brown fox Defined in Refers to |
| font-weight-light | 300 The quick brown fox Defined in Refers to |
| font-weight-normal | 400 The quick brown fox Defined in Refers to |
| font-weight-semi-bold | 600 The quick brown fox Defined in Refers to |
| font-weight-bold | 700 The quick brown fox Defined in Refers to |
Line-height
| Name | Value |
|---|---|
| line-height-xxx-small | 1.25 The quick brown fox Defined in Refers to `x` stands for extra. In this case extra-extra-extra small. |
| line-height-xx-small | 1.375 The quick brown fox Defined in Refers to |
| line-height-x-small deprecated | 1.4285714 The quick brown fox Defined in Refers to Deprecated: Legacy line-height. Use `line-height-small` instead. |
| line-height-small | 1.5714285 The quick brown fox Defined in Refers to |
| line-height-medium | 1.6 The quick brown fox Defined in Refers to |
| line-height-base deprecated | 1.6 The quick brown fox Defined in Refers to Deprecated: Legacy `line-height` for use in non-Codex products. Use `line-height-medium` instead. |
| line-height-heading deprecated | 1.3 The quick brown fox Defined in Refers to Deprecated: Legacy `line-height` for headings in non-Codex products. Use `line-height-xx-small` instead. |
Text-decoration
| Name | Value |
|---|---|
| text-decoration-none | none The quick brown fox Defined in Refers to |
| text-decoration-line-through | line-through The quick brown fox Defined in Refers to |
| text-decoration-underline | underline The quick brown fox Defined in Refers to |