Move to a system font stack

src/articles/admin.py

@@ -113,10 +113,7 @@ class ArticleAdmin(admin.ModelAdmin):
 
     class Media:
         css = {
-            "all": (
+            "all": ("admin_articles.css",),
-                "vendor/fonts/fira-code.css",
-                "admin_articles.css",
-            ),
         }
 
     def response_post_save_add(

src/articles/static/vendor/fonts/fira-code.css

@@ -1,6 +0,0 @@
-@font-face {
-    font-family: 'Fira Code';
-    src: url('fira-code-vf.woff2') format("woff2-variations");
-    font-weight: 300 700;
-    font-display: swap;
-}

src/articles/static/vendor/fonts/golos.css

@@ -1,6 +0,0 @@
-@font-face {
-    font-family: 'Golos';
-    src: url('golos-text-vf.woff2') format("woff2-variations");
-    font-weight: 400 900;
-    font-display: swap;
-}

src/articles/static/vendor/fonts/jetbrains-mono.css

@@ -1,14 +0,0 @@
-@font-face {
-    font-family: 'JetBrains Mono';
-    src: url('jetbrainsmono-variablefont-wght.woff2') format("woff2-variations");
-    font-weight: 100 800;
-    font-display: swap;
-}
-
-@font-face {
-    font-family: 'JetBrains Mono';
-    src: url('jetbrainsmono-italic-variablefont-wght.woff2') format("woff2-variations");
-    font-weight: 100 800;
-    font-style: italic;
-    font-display: swap;
-}

src/articles/static/vendor/newcss.css

@@ -4,8 +4,11 @@
     MIT License
 */
 :root {
-	--nc-font-sans: 'Golos', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+	-webkit-font-smoothing: antialiased;
-	--nc-font-mono: 'Fira Code', Consolas, monaco, 'Ubuntu Mono', 'Liberation Mono', 'Courier New', Courier, monospace;
+	-moz-osx-font-smoothing: grayscale;
+
+	--nc-font-sans: system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
+	--nc-font-mono: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace;
 
 	/* Light theme */
 	--nc-tx-1: #000000;

src/articles/templates/articles/base.html

@@ -19,12 +19,8 @@
             <link rel="stylesheet" href="{% static "vendor/newcss.css" %}" type="text/css">
             <link rel="stylesheet" href="{% static "public.css" %}" type="text/css">
             <link rel="stylesheet" href="{% static "admonitions.css" %}" type="text/css">
-            <link rel="preload" href="{% static "vendor/fonts/golos-text-vf.woff2" %}" as="font" type="font/woff2">
-            <link rel="stylesheet" href="{% static "vendor/fonts/golos.css" %}" type="text/css">
             {% if article and article.has_code %}
                 <link rel="stylesheet" href="{% static "vendor/codehilite.css" %}" type="text/css">
-                <link rel="preload" href="{% static "vendor/fonts/fira-code-vf.woff2" %}" as="font" type="font/woff2">
-                <link rel="stylesheet" href="{% static "vendor/fonts/fira-code.css" %}">
             {% endif %}
             {% if user.is_authenticated %}
                 <link rel="stylesheet" href="{% static "authenticated.css" %}">