Merge pull request #612 from nwplus/import-font

nwplus · Oct 2, 2024 · f504579 · f504579
2 parents c2f18c7 + 42f657a
commit f504579
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -25,6 +25,12 @@
       crossorigin="anonymous"
       referrerpolicy="no-referrer"
     />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap"
+      rel="stylesheet"
+    />
     <title>Hacker Portal</title>
   </head>
 

diff --git a/src/components/Pagination.jsx b/src/components/Pagination.jsx
@@ -16,7 +16,7 @@ const BasePaginationButton = styled.button`
         line-height: normal;
         content: url(${p.contentUrl});
     }`}
-  font-family: HK Grotesk;
+  font-family: ${p => p.theme.typography.bodyFont};
   font-weight: ${p => (p.active ? `600` : `normal`)};
   font-style: normal;
   font-size: 24px;

diff --git a/src/theme/ThemeProvider.jsx b/src/theme/ThemeProvider.jsx
@@ -12,8 +12,8 @@ const SCREEN_BREAKPOINTS = {
 
 const base = {
   typography: {
-    headerFont: 'HK Grotesk',
-    bodyFont: 'HK Grotesk',
+    headerFont: 'Hanken Grotesk',
+    bodyFont: 'Hanken Grotesk',
     h1: {
       weight: 700,
       size: '2em',