Change font to Inter

Author: MrWillCom

.changeset/brown-adults-look.md

@@ -0,0 +1,5 @@
+---
+'hexo-theme-cupertino': minor
+---
+
+Change font to Inter.

layout/_partial/head.ejs

@@ -39,6 +39,8 @@
 
   <%- open_graph() %>
 
+  <link rel="preconnect" href="https://rsms.me/">
+  <link rel="stylesheet" href="https://rsms.me/inter/inter.css">
   <% if (theme.simple_icons) { %>
   <%- css(getCdnUrl('simple-icons-font', 'v13', 'font/simple-icons.min.css')) %>
   <% } %>

source/css/main.scss

@@ -7,20 +7,14 @@ body {
   margin-top: 56px;
   color: var(--color-text-primary);
   background-color: var(--color-background-primary);
-  font-family:
-    'SF Pro Display',
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    Roboto,
-    'Helvetica Neue',
-    Arial,
-    'Noto Sans',
-    sans-serif,
-    'Apple Color Emoji',
-    'Segoe UI Emoji',
-    'Segoe UI Symbol',
-    'Noto Color Emoji';
+  font-family: Inter, sans-serif, system-ui;
+  font-feature-settings:
+    'liga' 1,
+    'calt' 1; /* fix for Chrome */
+
+  @supports (font-variation-settings: normal) {
+    font-family: InterVariable, sans-serif, system-ui;
+  }
 }
 
 a {
@@ -69,7 +63,6 @@ a {
   font-size: 32px;
   line-height: 1.125;
   font-weight: 700;
-  letter-spacing: 0.004em;
   margin-bottom: 24px;
   color: var(--color-text-primary);
 }

source/css/post-list.scss

@@ -43,7 +43,6 @@
     font-size: 24px;
     line-height: 1.16667;
     font-weight: 700;
-    letter-spacing: 0.009em;
     max-height: 7em;
     overflow: hidden;
   }
@@ -95,7 +94,6 @@
     font-size: 14px;
     line-height: 1.28577;
     font-weight: 600;
-    letter-spacing: -0.016em;
     display: block;
     margin-top: 12px;
     color: var(--color-text-secondary);

source/css/post.scss

@@ -52,7 +52,6 @@
     font-size: 19px;
     line-height: 1.4211;
     font-weight: 400;
-    letter-spacing: 0.012em;
   }
 
   /* only `#{$content} > pre`, do not include <pre /> in <figure /> */