Ankündigung
Einklappen
Keine Ankündigung bisher.
Google Fonts lokal einbinden.
Einklappen
Das ist ein wichtiges Thema.
X
X
-
Hier ein flinkes Beispiel einer kleinen Webseite mit "Cinematic". (dies kann auf andere Themes, wie auch Eclipse angewendet werden)
1. Das autom. Laden der Schriften deaktivieren. Das Cinematic Theme läd ausschließlich über Contaos Seitenlayouts > Webfonts die Schriften. Die Voreinstellung leeren und speichern. Die Seite läd jetzt ohne Schriften bzw. Fallback-Schriften des Browsers. (Eclipse Theme) Das Laden autom. Laden von Schriften über den ThemeDesigner kann in den Systemeinstellungen deaktiviert werden (pct_themer Modul ab Version 2.10.x)
2. Bei Google die gewünschten Schriften laden. Das Cinematic Theme baut auf den Schriften "Lato, Crimson Text" auf. https://fonts.google.com/
3. Die Schriften hochladen nach: cto_layout/fonts (ohne Unterordner, einfach die Schriftdateien direkt in den Ordner)
4. Google-Webfonts-Helper aufrufen und die nötigen Schriften inkl. der gewünschten Schnitte auswählen. Der Generator erstellt das CSS für uns. (Bei der Auswahl getreu dem Motto: Viel hilft viel.).
5. customize.css aufrufen und die jeweiligen CSS-Blöcke oben einfügen. (siehe Anhang)
6. Eventuelle Caches leeren: Seitencache, Browsercache usw.
Angehängte DateienZuletzt geändert von Tim; 20.06.2018, 10:22.
-
Hinweis zur Nutzung von Google Maps. Danke dir Daniel - das ist ein wichtiger Punkt.
Google Maps läd Google Fonts (Roboto) in die Seite. Google Maps setzt oberhalb des gewohnten Contao-Head CSS und auch den Google Fonts Aufruf ein.
Abhilfe wird hier nur das allgemeine Zustimmen zum Laden von externen Quellen wie Google schaffen.
-
Zuletzt geändert von Tim; 07.06.2018, 08:36.
Kommentar
-
Zitat von tanjusch Beitrag anzeigenHallo Tim, leider habe ich das Problem, dass der Themedesigner nicht die Einstellung zum Deaktivieren der Google Fonts anzeigt. Update des Themedesigners habe ich gemacht, auch Cache usw. geleert. Woran kann dies liegen?
(Module immer 1zu1 ersetzen. Keine Duplikate im system/modules Ordner anlegen)Zuletzt geändert von Tim; 11.06.2018, 09:09.
Kommentar
Kommentar