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 Leute,gerade bekam ich einen Anruf von meinem Co Admin das er mir eine PN schicken wollte aber die Fehlermeldung bekam das ich seine PN ignorieren würde, was aber nicht der Fall ist. Dann habe ich versucht ihm eine zu schicken und ich bekam die selbe Fehlermeldung. Dann haben wir es bei andere...
Wie wechsle ich denn von der neuen zur alten Adminansicht?Ich habe das Forum 777277 und die kostenlose Forenvariante.Danke,BenjaminbePS: sorry - habe es jetzt doch gefunden:Drei Striche - Einstellungen - Home und dann ganz nach unten scrollen...
Ich möchte über "Kopf und Fusszeile" einen Text einbinden, dass die Benutzung des Forums kostenlos ist, man aber gerne etwas spenden darf.Nun habe ich alles eingetragen, nur das Logo fehlt mir noch.Leider wird aber auf meinem Smartphone keine Kopfzeile oder Fusszeile eingeblendet. Muss man dazu zwin...
08.03.2025 09:34


l2otbart_57 hat das Thema V6: "Das Pflichtfeld (....) muss ausgefüllt werden" erstellt
wenn man im V6 vorm Absenden eines Beitrags vergisst, ein Pflichtfeld auszufüllen, erscheint folgende Meldung: Das Pflichtfeld (....) muss ausgefüllt werdenfüllt man dann das vergessene Feld aus, bleibt das Absenden blockiert.kann man auch hier im hpm-Forum ausprobieren, indem man versucht einen l...
... funktionieren bei Kästchen nur an den oberen beiden Ecken.Unten sieht es so aus:[[File:img_1741341119.png|none|auto]]Betrifft allerdings in meinem Forum nur den Corpus mit den Unterforen und die Chronik.Shoutbox und Wer ist online werden richtig dargestellt.
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
Besucher Statistiken
Statistiken
Themen | 41832 |
Beiträge | 306301 |
Mitglieder | 12.513 |
Forum empfehlen