refactor(font): utilize Next.js built-in web font optimization (seerr-team#1681)

TheCatLady · web-flow · commit e88042ba28f0 · 2021-05-26T11:51:57.000+09:00
https://nextjs.org/docs/basic-features/font-optimization
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -21,7 +21,11 @@ class MyDocument extends Document {
     return (
       <Html>
         <Head>
-          <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
+          <link rel="preconnect" href="https://fonts.gstatic.com" />
+          <link
+            rel="stylesheet"
+            href="https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap"
+          />
         </Head>
         <body>
           <Main />
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -11,7 +11,7 @@ module.exports = {
         width: 'width',
       },
       fontFamily: {
-        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+        sans: ['Inter', ...defaultTheme.fontFamily.sans],
       },
       typography: (theme) => ({
         DEFAULT: {
