refactore(perf): Making font also locally hosted and adding custom fo…

…nt-style
Gnyblast · Nov 25, 2024 · 16f9823 · 16f9823
1 parent 1e3cce9
commit 16f9823
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/src/assets/Roboto-Medium.ttf b/src/assets/Roboto-Medium.ttf
diff --git a/src/index.html b/src/index.html
@@ -32,7 +32,6 @@
     <base href="/" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap" rel="stylesheet" />
     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
     <script src="https://buttons.github.io/buttons.js"></script>
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-FQW4MXXGBY"></script>

diff --git a/src/styles.css b/src/styles.css
@@ -1,5 +1,13 @@
 /* Global Styles */
 
+@font-face {
+  font-family: "Roboto";
+  font-style: normal;
+  font-weight: 400;
+  src: url(assets/Roboto-Medium.ttf) format("truetype");
+  font-display: swap;
+}
+
 * {
   font-family: "Roboto", Arial, sans-serif;
   box-sizing: border-box;