From 50fe6041f0b5e214a59ce5498c7539b94c91b78b Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Sat, 24 Sep 2022 15:13:14 +0300
Subject: [PATCH] better fallback support

---
 src/styles/globals.css |  2 +-
 src/styles/manrope.css | 12 ++++++++++++
 2 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index f2942326..ba4a8b7e 100644
--- 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;
 }
diff --git a/src/styles/manrope.css b/src/styles/manrope.css
index 7fa28004..a0b253e8 100644
--- 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;