google-web-fonts
Wir hosten bereits viele beliebte Schriftarten auf unseren Servern, die ohne Weiteres im Forum genutzt werden können. Manche Foren möchten dennoch auf weitere kostenlose Schriften von Google Fonts nicht verzichten. Auf dieser Seite finden Sie eine Anleitung, wie Google Web Fonts DSGVO-Konform im Forum eingebunden werden können
1) Webfonts Abfrage im Cookie-Hinweis aktivieren:
2) Schriftarten bei Google heraussuchen und die URL zum Stylesheet kopieren:
3) Per Javascript die Schriftart von Google Laden:
Hinweis: Diese Lösung steht nur im V6 zur Verfügung. In den älteren Templates müssen die einzelnen Google Style Tags manuell geladen werden.
1
2
3
4
5
2
3
4
5
<script type="text/plain" data-type="text/javascript" data-name="gfonts">
xobor.mbt.loadGoogleFont('https://fonts.googleapis.com/css2?family=Lobster&family=Rubik+Moonrocks&display=swap');
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<script type="text/plain" data-type="text/javascript" data-name="gfonts">
let head = document.getElementsByTagName('head')[0];
let link1 = document.createElement('link');
link1.rel = 'preconnect';
link1.id = "gapi_preconnect";
link1.href = 'https://fonts.googleapis.com';
head.appendChild(link1);
let link2 = document.createElement('link');
link2.rel = 'preconnect';
link2.id = "gstatic_preconnect";
link2.href = 'https://fonts.gstatic.com';
head.appendChild(link2);
let gfont = "Lobster"; // hier die gewünschte Schrift eintragen
let fontcsslink = document.createElement('link');
fontcsslink.rel = 'stylesheet';
fontcsslink.type = 'text/css';
fontcsslink.href = "https://fonts.googleapis.com/css2?display=swap&family=" + gfont ;
head.appendChild(fontcsslink);
</script>
Wichtig sind hier die Parameter type="text/plain" data-type="text/javascript" data-name="gfonts" im Script Tag. Diese garantieren, dass die Schriftarten erst dann geladen werden, wenn die Mitglieder dies auch im Cookie Hinweis erlaubt haben. Nur dann ist die Einbindung auch DSGVO konform.
4) Im letzten Schritt kann die eingebundene Schriftart jetzt per CSS im Forum verwendet werden
z.B. im CSS-Addon:
1
2
3
4
2
3
4
.ftitle,.ttitle{
font-family: 'Lobster';
}
Login
Activity Feed
Hallo,ich habe heute festgestellt, dass Bilder, die per STRG + V in einen Beitrag hochgeladen wurden, sauber dort ankommen. Qualität astrein!Lade ich dasselbe Bild als Datei von meinem PC aus hoch, ist das Ergebnis nach dem Upload minderwertig.Warum?
Hallo, wir haben das „Briefumschlagplugin“ installiert. Ich habe kürzlich das Update durchgeführt. Nun melden User folgendes: https://ere.xobor.de/t18127f24752-PN-ist...html#msg1035036Viele Grüße
webk Grafiken werden fehlerhaft bzw. gar nicht hochgeladenfolgendes erscheint:[[File:Ashampoo_Snap_2025.01.18_12h26m05s_005_.jpg|none|auto]]und--------------------------------------------[[File:Ashampoo_Snap_2025.01.18_12h09m11s_003_.jpg|none|auto]]
Nachdem ich gestern etwa 3/4-Stunde vergeblich versucht habe, mich hier einzuloggen und zunächst die Fehlermeldung kam, Benutzername und/oder Passwort wären nicht korrekt, musste ich beim erneuten Versuch das Captcha lösen.Ich bin kein Anfänger und Captchas gibt's ja nicht nur hier im Supportforum, ...
V6.Meine User wünschen sich einerseits ein fixiertes Menü und andererseits auch fixierte Breadcrumbs.Aktiviere ich beides, überlagern sich Menü und Breadcrumbs aber dergestalt, dass die Navigationsbuttons ÜBER den Breadcrumbs zu liegen kommen, sodass man letztere nicht mehr anklicken kann. Könnt ihr...
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
Wer ist Online?
0 Mitglieder und 145 Gäste sind OnlineBesucher Statistiken
Statistiken
Themen | 41767 |
Beiträge | 305690 |
Mitglieder | 12.466 |
Forum empfehlen