better fallback support

2 years ago · 50fe6041f0
parent 555a4b6b05
commit 50fe6041f0
2 changed files with 13 additions and 1 deletions
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@ -10,5 +10,5 @@
 }

 body {
-  font-family: Manrope, "Poppins", sans-serif;
+  font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
 }
--- a/src/styles/manrope.css
+++ b/src/styles/manrope.css
@ -1,3 +1,15 @@
+@font-face {
+  font-family: "Manrope-Fallback";
+  font-size: 16px;
+  line-height: 1.6;
+  color: red;
+  visibility: visible;
+  word-spacing: -0.65px;
+  letter-spacing: 0.25px;
+  font-weight: 400;
+  src: local("Arial");
+}
+
@font-face {
  font-family: "Manrope";
  font-weight: 200;