Move the font import to scss

change font in index page

Author: naveen521kk

gatsby-browser.js

@@ -1,5 +1,3 @@
-import "@fontsource/ibm-plex-sans";
-import "@fontsource/plus-jakarta-sans";
 import React from "react";
 
 import App from "./src/components/App";

src/_global.scss

@@ -1,5 +1,7 @@
 @import "./variables";
 @import "../node_modules/bootstrap/scss/bootstrap";
+@import "~@fontsource/ibm-plex-sans/index.css";
+@import "~@fontsource/plus-jakarta-sans/index.css";
 
 body {
     font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI",

src/pages/index.scss

@@ -12,6 +12,10 @@
     flex-direction: column;
     font-size: 26px;
     text-align: center;
+    font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont,
+        "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans",
+        "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+        "Segoe UI Symbol", "Noto Color Emoji";
 
     .link-div {
         display: flex;