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
Ich habe die kostenlose Version. Ich hatte an sich eingestellt, dass ich neue Mitglieder manuell freischalten muss. Und hab dann Einladungen versendet.Mir werden nun 3 neue User angezeigt (eine bin ich mit einem zweiten Browser)Da steht nun 3 Mitglieder warten auf ihre Freischaltung. Jetzt Speichern...
Hallo zusammen,die an und für sich gute Sache "Activity Feed" entwickelt sich für mich zum Alptraum. Da er Kontraproduktiv für das Forum ist, aber eine grosse Hilfe für den ADMIN,Ist es möglich, den nur für Admin und Mods, falls man welche hat, sichtbar zu machen. Falls es eine Möglichkeit gibt, die...
14.05.2024 11:47
Dieter Weißbach hat das Thema Beim gleichzeitigen Löschen und Hochladen von gleichnamigen Bildern geht der Beitragstext komplett verloren. erstellt
Szenario, gerade wieder live erlebt: Es gibt einen bereits gespeicherten Beitrag mit Text und Bildern.Nun wird in einem Bild ein Fehler oder ein unpassender Ausschnitt etc. festgestellt.Das Bild wird auf dem Rechner nachbearbeitet und unter dem gleichen Namen gespeichert.Im Forum wird der Beitrag ge...
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
%usernames% haben sich bedankt!
%usernames% hat sich bedankt!
%usernames% hat sich bedankt!
Wer ist Online?
0 Mitglieder und 41 Gäste sind OnlineBesucher Statistiken
Statistiken
Themen | 41419 |
Beiträge | 302470 |
Mitglieder | 12.395 |
Forum empfehlen