Web Fonts 周りを最適化

cp-20 · cp-20 · commit d73cae294930 · 2024-12-04T21:20:14.000+09:00
diff --git a/apps/client/index.html b/apps/client/index.html
@@ -18,6 +18,8 @@
     <meta property="og:locale" content="ja" />
     <meta property="og:image" content="https://traqing.cp20.dev/og.png" />
     <meta property="og:type" content="website" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
   </head>
   <body>
     <div id="root"></div>
diff --git a/apps/client/src/index.css b/apps/client/src/index.css
@@ -1,11 +1,11 @@
-@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400..700&display=swap');
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 body {
-  font-family: "Noto Sans JP", sans-serif;
+  font-family: 'Noto Sans JP', sans-serif;
   font-optical-sizing: auto;
   font-style: normal;
   color: #49535b;
