big dependency upgrade

.nvmrc

@@ -1 +1 @@
-12.13.0
+20.11.1

gatsby-browser.js

@@ -0,0 +1 @@
+import "@fontsource/open-sans";

gatsby-config.js

@@ -3,13 +3,33 @@ module.exports = {
     title: `Sean Jones | front end web developer`,
     description: `I am a Glasgow based front end developer. I specialise in client-side development, responsive design, accessibility and web standards.`,
     author: `@cssmonkey`,
+    siteUrl: `https://www.sean-jones.co.uk/`,
   },
   plugins: [
     `gatsby-plugin-sass`,
-    `gatsby-plugin-react-helmet`,
     `gatsby-plugin-image`,
-    `gatsby-plugin-sharp`,
+    {
+      resolve: `gatsby-source-filesystem`,
+      options: {
+        name: `images`,
+        path: `${__dirname}/src/images`,
+      },
+    },
+    {
+      resolve: `gatsby-omni-font-loader`,
+      options: {
+        enableListener: true,
+        preconnect: [`https://fonts.googleapis.com`, `https://fonts.gstatic.com`],
+        web: [
+          {
+            name: `Open Sans`,
+            file: `https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap`,
+          },
+        ],
+      },
+    },
     `gatsby-transformer-sharp`,
+    `gatsby-plugin-sharp`,
     {
       resolve: `gatsby-plugin-manifest`,
       options: {
@@ -19,20 +39,7 @@ module.exports = {
         background_color: `#f8f8f8`,
         theme_color: `#002e43`,
         display: `standalone`,
-        icon: `src/images/gatsby-icon.png`,
-      },
-    },
-    {
-      resolve: `gatsby-plugin-webfonts`,
-      options: {
-        fonts: {
-          google: [
-            {
-              family: `Open Sans`,
-              variants: [`300`, `400`, `600`],
-            },
-          ],
-        },
+        icon: `src/images/gatsby-icon.png`, // This path is relative to the root of the site.
       },
     },
   ],

gatsby-ssr.js

@@ -0,0 +1,12 @@
+/**
+ * Implement Gatsby's SSR (Server Side Rendering) APIs in this file.
+ *
+ * See: https://www.gatsbyjs.com/docs/reference/config-files/gatsby-ssr/
+ */
+
+/**
+ * @type {import('gatsby').GatsbySSR['onRenderBody']}
+ */
+exports.onRenderBody = ({ setHtmlAttributes }) => {
+  setHtmlAttributes({ lang: `en` });
+};