Рефакторит использование шрифтов (#410)

Author: monochromer

src/layouts/page.njk

@@ -8,6 +8,12 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="{{ preview or site.description }}">
+
+    <link rel="preload" fetchpriority="high" href="/fonts/dewi-regular-cyrillic.woff2" as="font" type="font/woff2">
+    <link rel="preload" fetchpriority="high" href="/fonts/dewi-bold-cyrillic.woff2" as="font" type="font/woff2">
+    <link rel="preload" fetchpriority="high" href="/fonts/dewi-regular-latin.woff2" as="font" type="font/woff2">
+    <link rel="preload" fetchpriority="high" href="/fonts/dewi-bold-latin.woff2" as="font" type="font/woff2">
+
     <meta name="theme-color" content="#81c36d" media="(prefers-color-scheme: light)">
     <meta name="theme-color" content="#273238" media="(prefers-color-scheme: dark)">
     <style media="(prefers-color-scheme: light)">

src/styles/blocks/article-card.css

@@ -72,7 +72,6 @@
     margin: 0;
     font-weight: normal;
     font-size: 21px;
-    font-family: 'Dewi', sans-serif;
     line-height: 1.2;
     text-wrap: balance;
 }

src/styles/blocks/content.css

@@ -286,7 +286,7 @@
 .content code {
     padding-right: 0.25em;
     padding-left: 0.25em;
-    font-family: 'Rostin', monospace;
+    font-family: var(--font-mono);
     word-wrap: break-word;
     background-color: var(--token-color-content-inline-code-background);
 }

src/styles/blocks/page.css

@@ -8,7 +8,7 @@
 .page {
     container-type: inline-size;
     color: var(--token-color-text-primary);
-    font-family: 'Dewi', sans-serif;
+    font-family: var(--font-main);
     background-color: var(--token-color-background-primary);
     scroll-behavior: smooth;
 }

src/styles/blocks/podcast-preview.css

@@ -18,7 +18,6 @@
     margin: 0;
     font-weight: normal;
     font-size: 21px;
-    font-family: 'Dewi', sans-serif;
     line-height: 1.2;
 }
 

src/styles/blocks/podcast.css

@@ -167,7 +167,7 @@
     margin-right: 5px;
     color: var(--token-color-podcast-timecode-link);
     font-size: 15px;
-    font-family: 'Rostin', monospace;
+    font-family: var(--font-mono);
     text-decoration: none;
 }
 

src/styles/blocks/tooltip.css

@@ -34,7 +34,6 @@
     color: #ffffff;
     font-weight: normal;
     font-size: 14px;
-    font-family: 'Dewi', sans-serif;
     letter-spacing: normal;
     white-space: nowrap;
     text-transform: none;

src/styles/styles.css

@@ -84,4 +84,7 @@
     --color-dark-text-header: #f1f6fb;
     --color-dark-text-link: #539dd4;
     --color-dark-text-link-visited: #6885ec;
+
+    --font-main: 'Dewi', sans-serif;
+    --font-mono: 'Rostin', monospace;
 }