performance: tipografiak kargatzen ditu

front/gatsby-config.js

@@ -98,10 +98,16 @@ module.exports = {
       },
     },
     {
-      resolve: `gatsby-plugin-google-fonts`,
+      resolve: `gatsby-plugin-webfonts`,
       options: {
-        fonts: [`almarai\:800`, `almarai\:300`],
-        display: 'swap',
+        fonts: {
+          google: [
+            {
+              family: 'Almarai',
+              variants: ['300', '800'],
+            },
+          ],
+        },
       },
     },
   ],

front/package.json

@@ -20,7 +20,6 @@
     "@types/styled-components": "^5.1.20",
     "babel-plugin-styled-components": "^2.0.2",
     "gatsby": "^4.5.2",
-    "gatsby-plugin-google-fonts": "^1.0.1",
     "gatsby-plugin-image": "^2.5.1",
     "gatsby-plugin-manifest": "^4.5.1",
     "gatsby-plugin-offline": "^5.5.2",
@@ -29,6 +28,7 @@
     "gatsby-plugin-sharp": "^4.5.1",
     "gatsby-plugin-sitemap": "^5.5.0",
     "gatsby-plugin-styled-components": "^5.5.0",
+    "gatsby-plugin-webfonts": "^2.2.1",
     "gatsby-source-custom-api": "^2.3.5",
     "gatsby-source-filesystem": "^4.5.1",
     "gatsby-source-strapi": "^1.0.2",