|
13 | 13 | // ============================================================================ |
14 | 14 | // $ FONT FAMILY (ff-) |
15 | 15 | // ---------------------------------------------------------------------------- |
| 16 | + |
| 17 | +// Add Segoe UI Adjusted as a font family, and adjust its baseline |
| 18 | +@font-face { |
| 19 | + font-family: "Segoe UI Adjusted"; |
| 20 | + src: local(Segoe UI); |
| 21 | + ascent-override: 95%; |
| 22 | +} |
| 23 | + |
| 24 | +// Segoe UI is variable, but only in Windows 11, so add all the variants |
| 25 | +@font-face { |
| 26 | + font-family: "Segoe UI Adjusted"; |
| 27 | + src: local(Segoe UI Italic); |
| 28 | + ascent-override: 95%; |
| 29 | + font-style: italic; |
| 30 | +} |
| 31 | + |
| 32 | +@font-face { |
| 33 | + font-family: "Segoe UI Adjusted"; |
| 34 | + src: local(Segoe UI Semibold); |
| 35 | + ascent-override: 95%; |
| 36 | + font-weight: 600; |
| 37 | +} |
| 38 | + |
| 39 | +@font-face { |
| 40 | + font-family: "Segoe UI Adjusted"; |
| 41 | + src: local(Segoe UI Semibold Italic); |
| 42 | + ascent-override: 95%; |
| 43 | + font-style: italic; |
| 44 | + font-weight: 600; |
| 45 | +} |
| 46 | + |
| 47 | +@font-face { |
| 48 | + font-family: "Segoe UI Adjusted"; |
| 49 | + src: local(Segoe UI Bold); |
| 50 | + ascent-override: 90%; |
| 51 | + font-weight: 700; |
| 52 | +} |
| 53 | + |
| 54 | +@font-face { |
| 55 | + font-family: "Segoe UI Adjusted"; |
| 56 | + src: local(Segoe UI Bold Italic); |
| 57 | + ascent-override: 95%; |
| 58 | + font-style: italic; |
| 59 | + font-weight: 700; |
| 60 | +} |
| 61 | + |
| 62 | +@font-face { |
| 63 | + font-family: "Segoe UI Adjusted"; |
| 64 | + src: local(Segoe UI Black); |
| 65 | + ascent-override: 95%; |
| 66 | + font-weight: 800; |
| 67 | +} |
| 68 | + |
| 69 | +@font-face { |
| 70 | + font-family: "Segoe UI Adjusted"; |
| 71 | + src: local(Segoe UI Black Italic); |
| 72 | + ascent-override: 95%; |
| 73 | + font-style: italic; |
| 74 | + font-weight: 800; |
| 75 | +} |
| 76 | + |
16 | 77 | @ff-sans: |
17 | 78 | -apple-system, BlinkMacSystemFont, // San Francisco on macOS and iOS |
18 | | - "Segoe UI", // Windows |
| 79 | + "Segoe UI Adjusted", "Segoe UI", // Windows |
19 | 80 | "Liberation Sans", // Linux |
20 | 81 | sans-serif; // The final fallback for rendering in sans-serif. |
21 | 82 | @ff-serif: Georgia, Cambria, "Times New Roman", Times, serif; |
|
0 commit comments