Embed Inter font files and remove Google font links. Closes #547.

Only Woff2 fonts have been added, from here (utliising all charsets): https://google-webfonts-helper.herokuapp.com/fonts/inter?subsets=cyrillic,cyrillic-ext,greek,greek-ext,latin,latin-ext,vietnamese
knadh · Nov 10, 2021 · 35ac1cc · 35ac1cc
1 parent 46f13bf
commit 35ac1cc
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 1 deletion.
diff --git a/frontend/public/index.html b/frontend/public/index.html
@@ -5,7 +5,6 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width,initial-scale=1.0" />
     <link rel="icon" href="<%= BASE_URL %>static/favicon.png" />
-    <link href="https://fonts.googleapis.com/css?family=Inter:400,600" rel="stylesheet" />
     <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>

diff --git a/frontend/src/assets/icons/inter-v3-600.woff2 b/frontend/src/assets/icons/inter-v3-600.woff2
diff --git a/frontend/src/assets/icons/inter-v3-regular.woff2 b/frontend/src/assets/icons/inter-v3-regular.woff2
diff --git a/frontend/src/assets/style.scss b/frontend/src/assets/style.scss
@@ -1,6 +1,24 @@
 /* Import Bulma to set variables */
 @import "~bulma/sass/utilities/_all";
 
+/* import inter-regular */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 400;
+  src: local(''),
+       url('assets/icons/inter-v3-regular.woff2') format('woff2'),
+}
+
+/* import inter-600 */
+@font-face {
+  font-family: 'Inter';
+  font-style: normal;
+  font-weight: 600;
+  src: local(''),
+       url('assets/icons/inter-v3-600.woff2') format('woff2'),
+}
+
 $body-family: "Inter", "Helvetica Neue", sans-serif;
 $body-size: 15px;
 $background: $white-bis;