Skip to content

Commit 07e4e45

Browse files
committed
A richer font stack
1 parent b811805 commit 07e4e45

File tree

1 file changed

+15
-12
lines changed

1 file changed

+15
-12
lines changed

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

Lines changed: 15 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -13,18 +13,21 @@
1313
// ============================================================================
1414
// $ FONT FAMILY (ff-)
1515
// ----------------------------------------------------------------------------
16-
@ff-sans:
17-
-apple-system, BlinkMacSystemFont, // San Francisco on macOS and iOS
18-
"Segoe UI", // Windows
19-
"Liberation Sans", // Linux
20-
sans-serif; // The final fallback for rendering in sans-serif.
16+
// -apple-system, BlinkMacSystemFont, // San Francisco on macOS and iOS
17+
// "Segoe UI", // Windows
18+
// "Liberation Sans", // Linux
19+
// sans-serif; // The final fallback for rendering in sans-serif.
20+
21+
// ui-monospace, // San Francisco Mono on macOS and iOS
22+
// "Cascadia Mono", "Segoe UI Mono", // Newer Windows monospace fonts that are optionally installed. Most likely to be rendered in Consolas
23+
// "Liberation Mono", // Linux
24+
// Menlo, Monaco, Consolas, // A few sensible system font choices
25+
// monospace; // The final fallback for rendering in monospace.
26+
27+
@ff-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Liberation Sans", sans-serif;
2128
@ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
22-
@ff-mono:
23-
ui-monospace, // San Francisco Mono on macOS and iOS
24-
"Cascadia Mono", "Segoe UI Mono", // Newer Windows monospace fonts that are optionally installed. Most likely to be rendered in Consolas
25-
"Liberation Mono", // Linux
26-
Menlo, Monaco, Consolas, // A few sensible system font choices
27-
monospace; // The final fallback for rendering in monospace.
29+
@ff-mono: ui-monospace, "Cascadia Mono", "Segoe UI Mono", "Liberation Mono", Menlo, Monaco, Consolas, monospace;
30+
@ff-dyslexic: "Comic Sans", "Comic Sans MS", "Chalkboard", "ChalkboardSE-Regular";
2831

2932
body {
3033
--ff-sans: @ff-sans;
@@ -34,7 +37,7 @@ body {
3437
}
3538

3639
body.theme-dyslexic {
37-
--ff-sans: "Comic Sans MS";
40+
--ff-sans: @ff-dyslexic, @ff-sans;
3841
--ff-mono: Comic Mono;
3942
}
4043

0 commit comments

Comments
 (0)