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 Sicher bin ich nicht die Erste, die mit dem Wiki Probleme hat. Aber ich hätte gern das Inhaltsverzeichnis auf der 1. Seite und nicht die Startseite Liebe Grüße Yvy
Hallo ihr Lieben!Ich würde in meinem Forum gerne Rahmen und Textboxen anbieten, welche die Nutzer selbst mitgestalten können.Also Größe anpassen & Farbe und Dicke der Rahmenlinien, abgerundete Ecken.Ich habe als Eingabe für die Nutzer beispielsweise dies hier: [frame-solid{{width}};{{height}};{{bord...
Zitat von Johannes im Beitrag #31Im Profi Tarif sind com/net/org/info/eu Domains regulär enthalten. Wir wissen, dass wir mit unseren Tarifen nicht jeden überzeugen können. Das ist schade, denn unsere Firma lebt von den Tarifen und nicht von der Werbung Ich wollte gerade für ein neu erstelltes Forum ...
Oberhalb im Forum bei der Geburtstagsanzeige sind unliebsame Zeichen zu sehen, die da so nicht hingehören .... Kann mir da jemand helfen .... Bitte Danke schon mal fürs helfen ....[[File:Unbenannt123.jpg|none|auto]]
%usernames% hat sich bedankt!
%usernames% haben sich bedankt!
Wer ist Online?
0 Mitglieder und 39 Gäste sind OnlineBesucher Statistiken
Statistiken
Themen | 41850 |
Beiträge | 306546 |
Mitglieder | 12.533 |
Forum empfehlen