fix: Error: ENOENT: no such file or directory, stat '.cache/google-fo…

…nts//fonts'
buidl-labs · Nov 20, 2020 · 6dd6b4f · 6dd6b4f
1 parent 7865c87
commit 6dd6b4f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 281 deletions.
diff --git a/gatsby-config.js b/gatsby-config.js
@@ -49,35 +49,6 @@ module.exports = {
         icon: `src/assets/theme.svg`, // This path is relative to the root of the site.
       },
     },
-    {
-      resolve: `gatsby-plugin-prefetch-google-fonts`,
-      options: {
-        fonts: [
-          {
-            family: `Roboto`,
-            subsets: [`latin`],
-            variants: [`400`, `500`, `700`],
-          },
-          {
-            family: `Inconsolata`,
-            subsets: [`latin`],
-            variants: [`400`, `700`],
-          },
-          {
-            family: `Open Sans`,
-            variants: [`400`, `700`],
-          },
-          {
-            family: `Sigmar One`,
-            subsets: [`latin`],
-          },
-          {
-            family: `Inter`,
-            variants: [`400`, `500`, `700`],
-          },
-        ],
-      },
-    },
     {
       resolve: `gatsby-plugin-mdx`,
       options: {

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,7 +23,6 @@
     "gatsby-plugin-offline": "^3.0.32",
     "gatsby-plugin-page-transitions": "^1.0.8",
     "gatsby-plugin-portal": "^1.0.7",
-    "gatsby-plugin-prefetch-google-fonts": "^1.4.3",
     "gatsby-plugin-react-helmet": "^3.1.21",
     "gatsby-plugin-react-svg": "^3.0.0",
     "gatsby-plugin-sharp": "^2.4.3",

diff --git a/src/components/Layout/layout.js b/src/components/Layout/layout.js
@@ -64,6 +64,11 @@ const Layout = ({ children, background }) => {
         <html lang="en" />
         <title>{title}</title>
         <meta name="description" content={description} />
+        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link
+          href="https://fonts.googleapis.com/css2?family=Sigmar+One&display=swap"
+          rel="stylesheet"
+        />
       </Helmet>
       <main>{children}</main>
     </>