From 23518a3c45aba2dc3ab796510f1442d1523e706a Mon Sep 17 00:00:00 2001
From: Cameron Pfiffer <cameron@pfiffer.org>
Date: Wed, 28 May 2025 19:49:21 -0700
Subject: [PATCH] Fix Comfortaa font loading for logo SVGs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Update Google Fonts syntax to use wght@300..700 format
- Add proper font fallbacks (Arial, sans-serif) to all SVG logo files
- Ensures consistent logo appearance across devices when web fonts fail to load

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 layouts/partials/head-extra.html | 2 +-
 static/co-dark-2.svg             | 8 ++++----
 static/comind-dark-2.svg         | 8 ++++----
 static/logo-dark.svg             | 8 ++++----
 static/logo-pinched-dark.svg     | 8 ++++----
 5 files changed, 17 insertions(+), 17 deletions(-)

diff --git a/layouts/partials/head-extra.html b/layouts/partials/head-extra.html
index 170ab33..6eef0f4 100644
--- a/layouts/partials/head-extra.html
+++ b/layouts/partials/head-extra.html
@@ -1,4 +1,4 @@
 <!-- Add Google Fonts - Comfortaa -->
 <link rel="preconnect" href="https://fonts.googleapis.com">
 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300;400;500;600;700&display=swap" rel="stylesheet"> 
\ No newline at end of file
+<link href="https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&display=swap" rel="stylesheet"> 
\ No newline at end of file
diff --git a/static/co-dark-2.svg b/static/co-dark-2.svg
index 8cba3ab..a3f5ec3 100644
--- a/static/co-dark-2.svg
+++ b/static/co-dark-2.svg
@@ -72,7 +72,7 @@
              id="text1772-3-0-8"><tspan
                sodipodi:role="line"
                id="tspan1770-9-8-5"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="173.77119"
                dy="0"
@@ -85,7 +85,7 @@
              id="text1772-3-0"><tspan
                sodipodi:role="line"
                id="tspan1770-9-8"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="173.24203"
                dy="0"
@@ -98,7 +98,7 @@
              id="text1772-3"><tspan
                sodipodi:role="line"
                id="tspan1770-9"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#e07042;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#e07042;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="172.71288"
                dy="0"
@@ -113,7 +113,7 @@
          id="text1772"><tspan
            sodipodi:role="line"
            id="tspan1770"
-           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
            x="6.7793193"
            y="20.619219"
            dy="0"
diff --git a/static/comind-dark-2.svg b/static/comind-dark-2.svg
index 6cf208f..34e0055 100644
--- a/static/comind-dark-2.svg
+++ b/static/comind-dark-2.svg
@@ -64,7 +64,7 @@
        id="text1772-6-8-6"><tspan
          sodipodi:role="line"
          id="tspan1770-3-5-1"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="27.297726"
          dy="0"
@@ -77,7 +77,7 @@
        id="text1772-6-8"><tspan
          sodipodi:role="line"
          id="tspan1770-3-5"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="26.76856"
          dy="0"
@@ -90,7 +90,7 @@
        id="text1772-6"><tspan
          sodipodi:role="line"
          id="tspan1770-3"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#e07042;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#e07042;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="26.239393"
          dy="0"
@@ -103,7 +103,7 @@
        id="text1772"><tspan
          sodipodi:role="line"
          id="tspan1770"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="25.710226"
          dy="0"
diff --git a/static/logo-dark.svg b/static/logo-dark.svg
index 8cba3ab..a3f5ec3 100644
--- a/static/logo-dark.svg
+++ b/static/logo-dark.svg
@@ -72,7 +72,7 @@
              id="text1772-3-0-8"><tspan
                sodipodi:role="line"
                id="tspan1770-9-8-5"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="173.77119"
                dy="0"
@@ -85,7 +85,7 @@
              id="text1772-3-0"><tspan
                sodipodi:role="line"
                id="tspan1770-9-8"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="173.24203"
                dy="0"
@@ -98,7 +98,7 @@
              id="text1772-3"><tspan
                sodipodi:role="line"
                id="tspan1770-9"
-               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#e07042;fill-opacity:1;stroke-width:0.264583"
+               style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#e07042;fill-opacity:1;stroke-width:0.264583"
                x="92.500275"
                y="172.71288"
                dy="0"
@@ -113,7 +113,7 @@
          id="text1772"><tspan
            sodipodi:role="line"
            id="tspan1770"
-           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
            x="6.7793193"
            y="20.619219"
            dy="0"
diff --git a/static/logo-pinched-dark.svg b/static/logo-pinched-dark.svg
index 8422050..ea59da3 100644
--- a/static/logo-pinched-dark.svg
+++ b/static/logo-pinched-dark.svg
@@ -64,7 +64,7 @@
        id="text1772-6-8-6"><tspan
          sodipodi:role="line"
          id="tspan1770-3-5-1"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#efa04e;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="27.297726"
          dy="0"
@@ -77,7 +77,7 @@
        id="text1772-6-8"><tspan
          sodipodi:role="line"
          id="tspan1770-3-5"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#8e9a7c;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="26.76856"
          dy="0"
@@ -90,7 +90,7 @@
        id="text1772-6"><tspan
          sodipodi:role="line"
          id="tspan1770-3"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#e07042;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#e07042;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="26.239393"
          dy="0"
@@ -103,7 +103,7 @@
        id="text1772"><tspan
          sodipodi:role="line"
          id="tspan1770"
-         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:Comfortaa;-inkscape-font-specification:Comfortaa;fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
+         style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Comfortaa',Arial,sans-serif;-inkscape-font-specification:'Comfortaa Bold';fill:#f6e7ca;fill-opacity:1;stroke-width:0.264583"
          x="-5.2920041"
          y="25.710226"
          dy="0"
-- 
2.51.2