Funktioniert nur, wenn "Enable CDN" in den Site-Settings deaktiviert und der Scheduler Task “t3sbootstrap:cdnToLocal” einmal ausgeführt wurde!
Installation
Google Fonts DSGVO-konform lokal in deine Webseiten einbinden
Google Fonts lädt standartmäßig die Schriftarten von der Google CDN.
Dabei werden einige Daten an Google Übermittelt. So zum Beispiel:
- deine IP-Adresse
- die aufgerufene Webseite
- das verwendete Gerät bzw. Modell
- der verwendete Browser
Dadurch kann Google ein Nutzerprofil von dir anlegen und zum Beispiel relavante Werbung anzeigen. Dadurch verstößt die Nutzung von Google Fonts je nach Anwendungsfall meist gegen die DSGVO.
Hier kannst Du testen, ob deine Webseite betroffen ist!
In den Site-Settings unter "T3S Bootstrap - MAIN SETTINGS" kannst du die benötigten Google-Fonts durch Kommas getrennt angeben.
Im Planer (Scheduler) muss der Task "T3SB CDN to local" einmalig ausgeführt werden.
Die benötigten Dateien werden im Verzeichnis ./Resources/Public/T3SB-CSS/ automatisch erstellt und mit TypoScript eingebunden.
5.3.50 Die Dateien werden jetzt in typo3temp/assets/t3sbootstrap/T3SB-CSS/ erstellt – die Schriftdateien selbst im Unterordner googlefonts/, die Einbindung erfolgt über googlefonts.css.
Jetzt kannst du den Font wie gewohnt nutzen:
/* Beispiel für SCSS */
$font-family-sans-serif: Montserrat, "Helvetica Neue", Arial, sans-serif;
/* Beispiel für CSS */
body {
font-family: Montserrat, "Helvetica Neue", Arial, sans-serif;
}Preload
Mit folgendem Setup kannst du ein “preload” einrichten:
page {
headerData {
1321 = TEXT
1321.wrap = <link rel="preload" href="/typo3temp/assets/t3sbootstrap/T3SB-CSS/googlefonts/montserrat-v14-latin-300.woff2" as="font" crossorigin>
}
}5.3.50 Der Pfad hat sich geändert: die Font-Dateien liegen jetzt unter typo3temp/assets/t3sbootstrap/T3SB-CSS/googlefonts/. Vor 5.3.50 lagen sie im Sitepackage t3sb_package.