Skip to content

Commit 29f0f2d

Browse files
authored
Adjust Segoe UI's baseline (#863)
1 parent a84bbea commit 29f0f2d

File tree

1 file changed

+62
-1
lines changed

1 file changed

+62
-1
lines changed

lib/css/exports/_stacks-constants-type.less

Lines changed: 62 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -13,9 +13,70 @@
1313
// ============================================================================
1414
// $ FONT FAMILY (ff-)
1515
// ----------------------------------------------------------------------------
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+
1677
@ff-sans:
1778
-apple-system, BlinkMacSystemFont, // San Francisco on macOS and iOS
18-
"Segoe UI", // Windows
79+
"Segoe UI Adjusted", "Segoe UI", // Windows
1980
"Liberation Sans", // Linux
2081
sans-serif; // The final fallback for rendering in sans-serif.
2182
@ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;

0 commit comments

Comments
 (0)