Self-host web font (#64)

kalkspace · Nov 15, 2023 · 52a97ab · 52a97ab
1 parent 1a1e606
commit 52a97ab
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 80 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -4,6 +4,8 @@ import React from "react";
 import { LinkProvider } from "./src/components/header/header";
 
 import "modern-normalize/modern-normalize.css";
+import "@fontsource/space-grotesk/400.css";
+import "@fontsource/space-grotesk/700.css";
 import "./src/styles/typo.css";
 
 /** @type {import("gatsby").GatsbyBrowser["wrapPageElement"]} */

diff --git a/gatsby-config.js b/gatsby-config.js
@@ -26,14 +26,6 @@ module.exports = {
         },
       },
     },
-    {
-      resolve: "gatsby-plugin-web-font-loader",
-      options: {
-        google: {
-          families: ["Space Grotesk:400,700"],
-        },
-      },
-    },
     {
       resolve: "gatsby-source-filesystem",
       options: {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,6 +17,7 @@
     "build-storybook": "build-storybook"
   },
   "dependencies": {
+    "@fontsource/space-grotesk": "^5.0.15",
     "@mdx-js/mdx": "^1.6.22",
     "@mdx-js/react": "^1.6.22",
     "canvas": "^2.9.1",
@@ -27,7 +28,6 @@
     "gatsby-plugin-react-leaflet": "^3.0.3",
     "gatsby-plugin-sass": "^5.6.0",
     "gatsby-plugin-sharp": "^4.17.0",
-    "gatsby-plugin-web-font-loader": "^1.0.4",
     "gatsby-remark-images": "^6.17.0",
     "gatsby-source-filesystem": "^4.17.0",
     "gatsby-transformer-sharp": "^4.17.0",