switch to SF Compact as default font

2022-06-06 10:11:24 -05:00
2 changed files with 10 additions and 1 deletions
--- a/web/pages/_document.tsx
+++ b/web/pages/_document.tsx
@ -25,7 +25,7 @@ export default function Document() {
        />
      </Head>

-      <body className="font-readex-pro bg-base-200 min-h-screen">
+      <body className="font-sf-compact bg-base-200 min-h-screen">
        <Main />
        <NextScript />
      </body>
--- a/web/tailwind.config.js
+++ b/web/tailwind.config.js
@ -11,6 +11,15 @@ module.exports = {
      {
        'major-mono': ['Major Mono Display', 'monospace'],
        'readex-pro': ['Readex Pro', 'sans-serif'],
+        'sf-compact': [
+          'SF Compact Display',
+          '-apple-system',
+          'system-ui',
+          'Segoe UI',
+          'Helvetica',
+          'Arial',
+          'sans-serif',
+        ],
      }
    ),
    extend: {