feat: replace all fonts by Inter var

valerymelou · Jul 23, 2023 · c61b263 · c61b263
1 parent d240d19
commit c61b263
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 10 deletions.
diff --git a/apps/blog/src/index.html b/apps/blog/src/index.html
@@ -6,12 +6,7 @@
     <base href="/" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="icon" type="image/x-icon" href="favicon.ico" />
-    <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=Cormorant+Garamond:wght@700&family=Proza+Libre:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap"
-      rel="stylesheet"
-    />
+    <link rel="stylesheet" href="https://rsms.me/inter/inter.css" />
   </head>
   <body class="text-body-base">
     <blog-root></blog-root>

diff --git a/apps/blog/tailwind.config.js b/apps/blog/tailwind.config.js
@@ -26,8 +26,7 @@ module.exports = {
         },
       },
       fontFamily: {
-        sans: ['Proza Libre', ...defaultTheme.fontFamily.sans],
-        display: ['Cormorant Garamond', ...defaultTheme.fontFamily.serif],
+        sans: ['Inter var', ...defaultTheme.fontFamily.sans],
       },
       gridColumn: {
         'span-1-7': '1 / span 7',

diff --git a/libs/blog/layout/src/lib/hero/hero.component.html b/libs/blog/layout/src/lib/hero/hero.component.html
@@ -2,7 +2,7 @@
   <div class="container mx-auto max-w-[1192px] px-5 py-10 sm:px-0">
     <div class="grid grid-cols-2 gap-5">
       <div class="col-span-2 lg:col-span-1">
-        <h1 class="font-display text-7xl font-bold sm:text-8xl">
+        <h1 class="text-7xl font-bold sm:text-8xl">
           Get <strong class="text-accent-base">inside</strong> my
           <strong class="text-accent-base">mind</strong>.
         </h1>

diff --git a/libs/shared/ui/src/lib/tag/tag.component.ts b/libs/shared/ui/src/lib/tag/tag.component.ts
@@ -9,7 +9,7 @@ import {
 import { CommonModule } from '@angular/common';
 
 const TAG_STYLE_CLASSES: { [key: string]: string } = {
-  default: 'bg-slate-200 px-3 py-1 font-thin hover:bg-slate-300',
+  default: 'bg-slate-200 px-3 py-1 hover:bg-slate-300',
 };
 
 @Component({