Merge pull request #30 from welpo/style/Cascadia-Code-font

💄 style: set Cascadia Code as code font

content/markdown.md

@@ -9,7 +9,7 @@ tags = ["markdown", "test"]
 
 ```rust
 fn main() {
-    println!("Hello World");
+    println!("Hello, world!") -> ();
 }
 ```
 ## Quote
@@ -18,8 +18,6 @@ fn main() {
 >
 > — Charlie Kaufman, Synecdoche, New York
 
-
-
 ## Code tags
 
 Lorem ipsum `dolor` sit amet, `consectetur adipiscing` elit.

sass/main.scss

@@ -12,6 +12,13 @@
   font-display: swap;
 }
 
+@font-face {
+  /* Copyright 2019 - Present, Microsoft Corporation, with Reserved Font Name 'Cascadia Code'. Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
+  font-family: 'Cascadia Code';
+  src: url('fonts/CascadiaCode.ttf');
+  font-display: swap;
+}
+
 @import 'parts/_archive.scss';
 @import 'parts/_cards.scss';
 @import 'parts/_code.scss';
@@ -32,6 +39,8 @@
   font-family: 'Inter', Arial, Helvetica, sans-serif;
   line-height: 190%;
 
+  --code-font: 'Cascadia Code';
+
   --bg-0: #fff;
   --bg-1: #e7e7e7;
   --bg-2: #fefefe;

sass/parts/_code.scss

@@ -1,6 +1,9 @@
 code {
   background-color: var(--bg-1);
   padding: 0.1em 0.2em;
+  font-family: var(--code-font);
+  font-weight: 350;
+  font-size: 22px;
 }
 
 pre {
@@ -22,7 +25,6 @@ pre code {
 }
 
 pre {
-  font-family: var(--code-font);
   position: relative;
   -webkit-overflow-scrolling: touch;
 }