Add adjusted fallback font for Faustina

From https://www.industrialempathy.com/perfect-ish-font-fallback/?font=Faustina
tylermercer · May 3, 2023 · 57541d3 · 57541d3
1 parent d34dbe0
commit 57541d3
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/sass/tokens/fonts.scss b/src/sass/tokens/fonts.scss
@@ -8,9 +8,16 @@
 @import '../../../node_modules/@fontsource/faustina/400-italic';
 @import '../../../node_modules/@fontsource/faustina/700';
 
+@font-face {
+    font-family: "Faustina-fallback";
+    size-adjust: 103.05%;
+    ascent-override: 99%;
+    src: local("Times New Roman");
+}
+
 :root {
     --font-heading: 'Figtree', Arial, sans-serif;
-    --font-body: 'Faustina', Georgia, serif;
+    --font-body: 'Faustina', 'Faustina-fallback', 'Times New Roman', serif;
     --font-accent: 'Figtree', Arial, sans-serif;
     --font-code: Consolas, 'Courier New', monospace;
 }