Replace Playfair Font with Inter Font

Disservin · Disservin · commit c35ab9ca56ae · 2024-05-04T00:18:18.000+02:00
diff --git a/assets/scss/components/_feature.scss b/assets/scss/components/_feature.scss
@@ -15,4 +15,7 @@
     margin-bottom: auto;
     margin-top: auto;
   }
+  h2 {
+    font-weight: 600;
+  }
 }
diff --git a/assets/scss/components/_footer.scss b/assets/scss/components/_footer.scss
@@ -18,6 +18,7 @@
     font-size: 14px;
     align-items: center;
     display: flex;
+    font-weight: 300;
     a {
       font-weight: bold;
       color: inherit;
diff --git a/assets/scss/components/_intro.scss b/assets/scss/components/_intro.scss
@@ -9,8 +9,9 @@
   }
   h1 {
     font-size: 42px;
-    font-weight: bold;
+    font-weight: 600;
     line-height: 1.2;
+    letter-spacing: -1.935px;
     @include media-breakpoint-up(md) {
       width: 80%;
       font-size: 48px;
diff --git a/assets/scss/components/_title.scss b/assets/scss/components/_title.scss
@@ -1,6 +1,8 @@
 .title {
   font-size: 48px;
   line-height: 1.2;
+  letter-spacing: -1.935px;
+  font-weight: 600;
   @include media-breakpoint-up(lg) {
     font-size: 50px;
   }
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
@@ -21,10 +21,10 @@ $link-hover-color: $green6;
 $link-hover-decoration: underline;
 
 // Fonts
-$font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI",
+$font-family-base: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI",
                Roboto, Oxygen-Sans, Ubuntu, Cantarell,
                "Helvetica Neue", sans-serif;
-$font-family-heading: 'Playfair Display', serif, -apple-system;
+$font-family-heading: Inter, serif, -apple-system;
 
 // Footer
 
@@ -111,3 +111,12 @@ body:after {
   background: linear-gradient(to bottom, transparent 75%, $green1 100%);
   pointer-events: none;
 }
+
+:root {
+  font-family: Inter, sans-serif;
+  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
+}
+  
+@supports (font-variation-settings: normal) {
+  :root { font-family: InterVariable, sans-serif; }
+}
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -27,8 +27,9 @@
   {{ end }}
   <link rel="icon" type="image/x-icon" href="{{ "favicon.ico" | relURL }}">
   <link rel="alternate" type="application/rss+xml" title="Stockfish Blog RSS Feed" href="/blog/index.xml">
-  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
-
+  <link rel="preconnect" href="https://rsms.me/">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+  
   <!-- CSS-->
   {{ if .Site.IsServer }}
   {{ $style := resources.Get "scss/style.scss" | resources.ExecuteAsTemplate "style.scss" . | toCSS (dict "targetPath" "css/style.css" "enableSourceMap" true) }}
diff --git a/layouts/blog/baseof.html b/layouts/blog/baseof.html
@@ -27,8 +27,9 @@
   {{ end }}
   <link rel="icon" type="image/x-icon" href="{{ "favicon.ico" | relURL }}">
   <link rel="alternate" type="application/rss+xml" title="Stockfish Blog RSS Feed" href="/blog/index.xml">
-  <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap" rel="stylesheet">
-
+  <link rel="preconnect" href="https://rsms.me/">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
+  
   <link href="/fontawesome/css/fontawesome.min.css" rel="stylesheet">
   <link href="/fontawesome/css/regular.min.css" rel="stylesheet">
 

Original file line number	Diff line number	Diff line change
`@@ -15,4 +15,7 @@`
`15`	`15`	`margin-bottom: auto;`
`16`	`16`	`margin-top: auto;`
`17`	`17`	`}`
	`18`	`+ h2 {`
	`19`	`+ font-weight: 600;`
	`20`	`+ }`
`18`	`21`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,8 @@`
`1`	`1`	`.title {`
`2`	`2`	`font-size: 48px;`
`3`	`3`	`line-height: 1.2;`
	`4`	`+ letter-spacing: -1.935px;`
	`5`	`+ font-weight: 600;`
`4`	`6`	`@include media-breakpoint-up(lg) {`
`5`	`7`	`font-size: 50px;`
`6`	`8`	`}`