From baf0d0f51c281b3122cd686ee621c27ab2712f68 Mon Sep 17 00:00:00 2001
From: Josh Morrow <josh@jcmorrow.com>
Date: Thu, 2 May 2024 08:38:10 -0700
Subject: [PATCH] Remove breaking font

---
 public/privacy.html | 6 +++---
 public/tos.html     | 2 +-
 tailwind.config.js  | 6 +++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/public/privacy.html b/public/privacy.html
index 0d65743..e9757c8 100644
--- a/public/privacy.html
+++ b/public/privacy.html
@@ -18,7 +18,7 @@
     }
 
     html {
-      font-family: "Camphor", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      font-family: "Camphor", -apple-system, "Segoe UI", Roboto,
         Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Symbol";
 
@@ -111,7 +111,7 @@ <h2>Use of Your Personal Information</h2>
   <h2>Log-In Features</h2>
 
   <p>
-    We may allow you to sign up and log in using your Google account. If you sign up using your Google email account, Google will ask your permission to share certain information from your Google account with us. This may include your first name, last name, profile picture, general location, your timezone and birthday. Generally, we collect this information to support your account and to help us understand how you use the Service so we can make it better. 
+    We may allow you to sign up and log in using your Google account. If you sign up using your Google email account, Google will ask your permission to share certain information from your Google account with us. This may include your first name, last name, profile picture, general location, your timezone and birthday. Generally, we collect this information to support your account and to help us understand how you use the Service so we can make it better.
   </p>
 
   <p>The specific uses are:</p>
@@ -142,7 +142,7 @@ <h2>Security</h2>
   <h2>Your Rights</h2>
 
   <p>
-    You have the following rights with respect to data protection:    
+    You have the following rights with respect to data protection:
   </p>
   <ul>
     <li>
diff --git a/public/tos.html b/public/tos.html
index 77431d7..eadeeb9 100644
--- a/public/tos.html
+++ b/public/tos.html
@@ -18,7 +18,7 @@
     }
 
     html {
-      font-family: "Camphor", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+      font-family: "Camphor", -apple-system, "Segoe UI", Roboto,
         Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
         "Segoe UI Symbol";
 
diff --git a/tailwind.config.js b/tailwind.config.js
index f6a9139..1e9f89c 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -2,7 +2,11 @@
 module.exports = {
   content: ["./pages/**/*.tsx"],
   theme: {
-    extend: {}
+    extend: {},
+    fontFamily: {
+      // Removing `BlinkMacSystemFont, ui-sans-serif, system-ui` for https://linear.app/replay/issue/TT-1070/remove-breaking-font-from-firstreplayio
+      sans: "-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji"
+    }
   },
   plugins: []
 };