feat: perf over webfonts

src/_includes/base.liquid

@@ -31,8 +31,6 @@
       type="image/svg+xml">
     <link href="/assets/icons/apple-touch-icon.png?v={% assetHash %}" rel="apple-touch-icon">
     {% capture css %}
-      {% render "../assets/styles/ml.css" %}
-      {% render "../assets/styles/silka.css" %}
       {% render "../assets/styles/yt-lite.css" %}
       {% render "../assets/styles/prism.css" %}
       {% render "../assets/styles/index.css" %}

src/assets/styles/index.css

@@ -39,8 +39,8 @@
   --webrings: #ec8fd0;
 
   /* fonts */
-  --font-sans: silka, Inter, Roboto, 'Helvetica Neue', system-ui, sans-serif;
-  --font-mono: ml, ui-monospace, monospace;
+  --font-sans: Seravek, 'Gill Sans Nova', Ubuntu, Calibri, 'DejaVu Sans', source-sans-pro, system-ui, sans-serif;
+  --font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 
   /* text */
   --font-size-xs: .75rem;

src/assets/styles/prism.css

@@ -6,7 +6,7 @@ pre[class*='language-'] {
   color: #d9e0ee;
   background: none;
   text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-  font-family: ml, ui-monospace, monospace;
+  font-family: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
   text-align: left;
   white-space: pre;
   word-spacing: normal;