karim/OPENBUREAU
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

flarum.css: drop @import, document two-step font load

Browse Source 
Flarum's Custom Styles parser (LESS) blocks @import and data-uri for
security. Move the font loading to a <link> tag the user adds via
Flarum admin's "Custom Header" HTML field. CSS itself stays unchanged
beyond removing the import line.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
karim
2026-05-23 20:43:50 +02:00
parent 53028151ee
commit 3e6888fbd4
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/flarum.css
+8 -6
View File
@@ -2,16 +2,18 @@
OPENBUREAU — Flarum custom styles
Spiegelt die Typografie und Farben von openbureau.ch ins Forum.
Wie verwenden:
1. Flarum-Admin → Appearance → Custom Styles
2. Diesen ganzen Inhalt einfügen, speichern
3. ggf. Cache leeren / Browser refresh
ZWEI-SCHRITT-SETUP (Flarum erlaubt kein @import in Custom Styles):
1) Flarum-Admin → Appearance → "Custom Header" (HTML-Feld):
<link rel="preconnect" href="https://fonts.bunny.net">
<link rel="stylesheet" href="https://fonts.bunny.net/css?family=newsreader:400,400i,500,500i,600,600i|ibm-plex-mono:400,500|space-grotesk:400,500,700|inter:400,500,600">
2) Flarum-Admin → Appearance → "Custom Styles":
→ diesen ganzen Inhalt hier reinkopieren (ab :root unten)
Live-Quelle dieser Datei: openbureau.ch/flarum.css
======================================================================== */
@import url('https://fonts.bunny.net/css?family=newsreader:400,400i,500,500i,600,600i|ibm-plex-mono:400,500|space-grotesk:400,500,700|inter:400,500,600');
:root {
--ob-bg: hsl(35, 14%, 96%);
--ob-bg-2: hsl(35, 14%, 93%);