fontのsubset化 (and いらないフォントは削った)

cp-20 · Mar 23, 2024 · 42cfe0b · 42cfe0b
1 parent c0342ae
commit 42cfe0b
Show file tree

Hide file tree

Showing 4 changed files with 32 additions and 18 deletions.
diff --git a/workspaces/client/assets/noto-sans-jp-v52-japanese_latin-700.woff2 b/workspaces/client/assets/noto-sans-jp-v52-japanese_latin-700.woff2
diff --git a/workspaces/client/assets/noto-sans-jp-v52-japanese_latin-regular.woff2 b/workspaces/client/assets/noto-sans-jp-v52-japanese_latin-regular.woff2
diff --git a/workspaces/server/admin.html b/workspaces/server/admin.html
@@ -10,15 +10,22 @@
       type="image/x-icon"
     />
     <title>WSH 2024</title>
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Black.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Bold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-ExtraBold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-ExtraLight.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Light.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Medium.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Regular.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-SemiBold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Thin.woff" as="font" type="font/woff" />
+    <style>
+      @font-face {
+        font-display: swap;
+        font-family: 'Noto Sans JP';
+        font-style: normal;
+        font-weight: 400;
+        src: url(/assets/noto-sans-jp-v52-japanese_latin-regular.woff2) format('woff2');
+      }
+      @font-face {
+        font-display: swap;
+        font-family: 'Noto Sans JP';
+        font-style: normal;
+        font-weight: 700;
+        src: url(/assets/noto-sans-jp-v52-japanese_latin-700.woff2) format('woff2');
+      }
+    </style>
     <link as="image" crossorigin="anonymous" href="/assets/cyber-toon.svg" rel="preload" />
     <script id="inject-data" type="application/json"></script>
     <script type="text/javascript" src="/admin.global.js" defer></script>

diff --git a/workspaces/server/index.html b/workspaces/server/index.html
@@ -10,15 +10,22 @@
       type="image/x-icon"
     />
     <title>WSH 2024</title>
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Black.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Bold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-ExtraBold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-ExtraLight.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Light.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Medium.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Regular.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-SemiBold.woff" as="font" type="font/woff" />
-    <link rel="preload" crossorigin="anonymous" href="/assets/NotoSansJP-Thin.woff" as="font" type="font/woff" />
+    <style>
+      @font-face {
+        font-display: swap;
+        font-family: 'Noto Sans JP';
+        font-style: normal;
+        font-weight: 400;
+        src: url(/assets/noto-sans-jp-v52-japanese_latin-regular.woff2) format('woff2');
+      }
+      @font-face {
+        font-display: swap;
+        font-family: 'Noto Sans JP';
+        font-style: normal;
+        font-weight: 700;
+        src: url(/assets/noto-sans-jp-v52-japanese_latin-700.woff2) format('woff2');
+      }
+    </style>
     <link as="image" crossorigin="anonymous" href="/assets/cyber-toon.svg" rel="preload" />
     <script id="inject-data" type="application/json"></script>
     <script type="text/javascript" src="/client.global.js" defer></script>