add font

m3dev · Jun 15, 2024 · c36a80f · c36a80f
1 parent eb5e3dd
commit c36a80f
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/torisetsu/src/jsMain/resources/index.html b/torisetsu/src/jsMain/resources/index.html
@@ -3,8 +3,11 @@
 <head>
     <meta charset="UTF-8">
     <title>エンジニア トリ診断</title>
-    <link href="reset.css" rel="stylesheet"/>
     <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+    <link href="https://fonts.googleapis.com" rel="preconnect">
+    <link crossorigin href="https://fonts.gstatic.com" rel="preconnect">
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:[email protected]&display=swap" rel="stylesheet">
+    <link href="reset.css" rel="stylesheet"/>
 </head>
 <body>
 <div id="root">

diff --git a/torisetsu/src/jsMain/resources/reset.css b/torisetsu/src/jsMain/resources/reset.css
@@ -3,6 +3,8 @@ body {
     background-size: auto auto;
     background-image: repeating-linear-gradient(-45deg, rgb(12, 31, 204), rgb(12, 31, 204) 10px, rgba(10, 0, 146, 1) 10px, rgba(10, 0, 146, 1) 12px);
     min-height: 100dvh;
+    font-family: "Noto Sans JP", sans-serif;
+    font-optical-sizing: auto;
 }
 
 h1, h2, h3, h4, h5, h6, p {