feat(ui): add Chivo Mono font

mateusfg7 · Dec 21, 2022 · fb42719 · fb42719
1 parent 538b246
commit fb42719
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -8,17 +8,14 @@ export default function Document() {
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
 
-        <link rel="preconnect" href="https://fonts.gstatic.com" />
+        <link rel="preconnect" href="https://fonts.googleapis.com" />
         <link
-          href="https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700&display=swap"
-          rel="stylesheet"
-        />
-        <link
-          href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@300;400;600&display=swap"
-          rel="stylesheet"
+          rel="preconnect"
+          href="https://fonts.gstatic.com"
+          crossOrigin="true"
         />
         <link
-          href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@200;300;400;600;800;900&display=swap"
+          href="https://fonts.googleapis.com/css2?family=Chivo+Mono:wght@500&family=Source+Sans+Pro:wght@300;400;600&family=Inter:wght@200;300;400;500;600;700&display=swap"
           rel="stylesheet"
         />
         <link rel="shortcut icon" href="assets/brain.png" type="image/png" />

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -4,14 +4,17 @@ module.exports = {
   darkMode: 'class',
   theme: {
     extend: {
+      fontFamily: {
+        'chivo-mono': ['"Chivo Mono"', 'cursive']
+      },
       colors: {
         neutral: {
           1000: 'rgba(17, 17, 17)'
         }
       },
       animation: {
         cursor: 'cursor .6s linear infinite alternate',
-        typing: 'typing 1.8s ease-in .8s 1 normal both',
+        typing: 'typing 1.8s ease-in .8s 1 normal both'
       },
       keyframes: {
         typing: {