Merge pull request #3 from ichipiro/itakiyo/add-font

フォントをNoto Sans JPに指定
ichipiro · Nov 19, 2024 · 4d578ea · 4d578ea
2 parents 3344ad2 + c10d011
commit 4d578ea
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -4,6 +4,12 @@
     <meta charset="UTF-8" />
     <link rel="icon" type="image/svg+xml" href="/vite.svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap"
+      rel="stylesheet"
+    />
     <title>いちぽる-IE</title>
   </head>
   <body>

diff --git a/src/styles/theme.css b/src/styles/theme.css
@@ -1,6 +1,9 @@
 body {
   background-color: #435068;
   text-align: center;
+  font-family: "Noto Sans JP", serif;
+  font-optical-sizing: auto;
+  font-style: normal;
 }
 
 footer {