fix: bypass loading Oxygen Mono by broken gatsby-plugin-prefetch-google-fonts

gatsby-config.js

@@ -16,10 +16,6 @@ module.exports = {
             family: `Inter`,
             variants: [`400`, `700`],
           },
-          {
-            family: `Oxygen Mono`,
-            variants: [`400`],
-          },
           {
             family: `Montserrat`,
             variants: [`400`, `700`],
@@ -27,6 +23,13 @@ module.exports = {
         ],
       },
     },
+    {
+      resolve: `gatsby-plugin-google-fonts`,
+      options: {
+        fonts: [`Oxygen Mono\:400`],
+        display: "swap",
+      },
+    },
     `gatsby-plugin-layout`,
     {
       resolve: `gatsby-transformer-remark`,

package-lock.json

@@ -9589,6 +9589,11 @@
         "scroll-to-element": "^2.0.3"
       }
     },
+    "gatsby-plugin-google-fonts": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gatsby-plugin-google-fonts/-/gatsby-plugin-google-fonts-1.0.1.tgz",
+      "integrity": "sha512-p1NVkn27GUnDA5qHM+Z4cCcLCJIardzZXMon3640sT4xuL/AZJbsx3HEt2KY/5oZu0UXIkytkxzV2Da4rQeUIg=="
+    },
     "gatsby-plugin-layout": {
       "version": "1.3.1",
       "resolved": "https://registry.npmjs.org/gatsby-plugin-layout/-/gatsby-plugin-layout-1.3.1.tgz",

package.json

@@ -32,6 +32,7 @@
     "classnames": "^2.2.6",
     "gatsby": "^2.22.1",
     "gatsby-plugin-anchor-links": "^1.1.1",
+    "gatsby-plugin-google-fonts": "^1.0.1",
     "gatsby-plugin-layout": "^1.3.1",
     "gatsby-plugin-manifest": "^2.4.6",
     "gatsby-plugin-polished": "^1.0.4",

src/components/Home/styles.tsx

@@ -123,7 +123,7 @@ export const menuItemStyles = css`
   position: relative;
   transition: color 0.3s;
   margin: 10px 20px 5px 0;
-  font-family: "Oxygen Mono";
+  font-family: "Oxygen Mono", monospace;
 
   &:hover {
     color: #fff;