From 286b6beaf82daa0bd2863d945de76079af62ebc9 Mon Sep 17 00:00:00 2001
From: Kibi Kelburton <git@f0ck.it>
Date: Thu, 16 Jul 2026 21:26:13 +0200
Subject: [PATCH] fix memes

---
 public/s/js/meme-creator.js | 6 +++++-
 public/s/js/settings.js     | 2 +-
 views/snippets/header.html  | 2 +-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/public/s/js/meme-creator.js b/public/s/js/meme-creator.js
index 65ead73..7d8af10 100644
--- a/public/s/js/meme-creator.js
+++ b/public/s/js/meme-creator.js
@@ -27,7 +27,7 @@
         }
 
         const memeFont = 'Impact, Charcoal, sans-serif';
-        const memeLetterSpacing = '0.10em';
+        const memeLetterSpacing = '0.03em';
 
         function wrapText(ctx, text, maxWidth) {
             const paragraphs = text.split('\n');
@@ -115,6 +115,10 @@
 
         // Ensure font is loaded before first draw
         if (document.fonts) {
+            // Force browser to load the Impact font
+            document.fonts.load('bold 40px Impact');
+            document.fonts.load('bold 80px Impact');
+            document.fonts.load('bold 150px Impact');
             document.fonts.ready.then(() => {
                 draw();
             });
diff --git a/public/s/js/settings.js b/public/s/js/settings.js
index 9ef05ac..dadb212 100644
--- a/public/s/js/settings.js
+++ b/public/s/js/settings.js
@@ -1718,7 +1718,7 @@
             src: url('/s/fonts/${fontFile}');
           }
           :root { --font: 'CustomUserFont', monospace !important; }
-          *:not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-thin):not(.fa-duotone):not([class*=" fa-"]):not([class^="fa-"]) {
+          *:not(canvas):not(.meme-title):not(.force-impact):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-thin):not(.fa-duotone):not([class*=" fa-"]):not([class^="fa-"]) {
             font-family: 'CustomUserFont', monospace !important;
           }
           .fa-solid::before, .fa-regular::before, .fa-brands::before,
diff --git a/views/snippets/header.html b/views/snippets/header.html
index ea8982a..52faab1 100644
--- a/views/snippets/header.html
+++ b/views/snippets/header.html
@@ -22,7 +22,7 @@
       @endif
     }
     @if(session && session.font)
-    *:not(canvas):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-thin):not(.fa-duotone):not([class*=" fa-"]):not([class^="fa-"]) {
+    *:not(canvas):not(.meme-title):not(.force-impact):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.fa-light):not(.fa-thin):not(.fa-duotone):not([class*=" fa-"]):not([class^="fa-"]) {
       font-family: 'CustomUserFont', monospace !important;
     }
     /* Explicitly protect FA pseudo-elements */