fix memes

This commit is contained in:
2026-07-16 21:26:13 +02:00
parent b370510ecd
commit 286b6beaf8
3 changed files with 7 additions and 3 deletions

View File

@@ -27,7 +27,7 @@
} }
const memeFont = 'Impact, Charcoal, sans-serif'; const memeFont = 'Impact, Charcoal, sans-serif';
const memeLetterSpacing = '0.10em'; const memeLetterSpacing = '0.03em';
function wrapText(ctx, text, maxWidth) { function wrapText(ctx, text, maxWidth) {
const paragraphs = text.split('\n'); const paragraphs = text.split('\n');
@@ -115,6 +115,10 @@
// Ensure font is loaded before first draw // Ensure font is loaded before first draw
if (document.fonts) { 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(() => { document.fonts.ready.then(() => {
draw(); draw();
}); });

View File

@@ -1718,7 +1718,7 @@
src: url('/s/fonts/${fontFile}'); src: url('/s/fonts/${fontFile}');
} }
:root { --font: 'CustomUserFont', monospace !important; } :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; font-family: 'CustomUserFont', monospace !important;
} }
.fa-solid::before, .fa-regular::before, .fa-brands::before, .fa-solid::before, .fa-regular::before, .fa-brands::before,

View File

@@ -22,7 +22,7 @@
@endif @endif
} }
@if(session && session.font) @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; font-family: 'CustomUserFont', monospace !important;
} }
/* Explicitly protect FA pseudo-elements */ /* Explicitly protect FA pseudo-elements */