style: 웹폰트 글로벌 설정 추가

src/components/GlobalStyles.tsx

@@ -3,6 +3,8 @@ import { Global, css } from "@emotion/react";
 import { Link, type HeadFC, type PageProps } from "gatsby";
 
 const globalStyles = css`
+  @import url("https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
+
   html {
     font-size: 62.5%;
     background-color: #fbfbfb;

src/pages/index.tsx

@@ -239,14 +239,4 @@ export const query = graphql`
 
 export default HomePage;
 
-export const Head: HeadFC = () => (
-  <>
-    <title>dev-wish.com</title>
-    <link
-      rel="stylesheet"
-      as="style"
-      crossOrigin=""
-      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
-    />
-  </>
-);
+export const Head: HeadFC = () => <title>dev-wish.com</title>;

src/pages/posts/index.tsx

@@ -41,4 +41,8 @@ const PostPage: React.FC<PageProps> = () => {
 
 export default PostPage;
 
-export const Head: HeadFC = () => <title>dev-wish.com</title>;
+export const Head = () => (
+  <>
+    <title>dev-wish.com</title>
+  </>
+);

src/pages/posts/{mdx.frontmatter__slug}.tsx

@@ -253,12 +253,6 @@ export const query = graphql`
 export const Head = ({ data }: PageProps<DataProps>) => (
   <>
     <title>{data.mdx.frontmatter.title}</title>
-    <link
-      rel="stylesheet"
-      as="style"
-      crossOrigin=""
-      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.min.css"
-    />
   </>
 );
 

tsconfig.json

@@ -106,6 +106,7 @@
     "./src/**/*",
     "./gatsby-node.ts",
     "./gatsby-config.ts",
-    "./plugins/**/*"
+    "./plugins/**/*",
+    "gatsby-browser.tsx"
   ]
 }