Google Fonts: Unterschied zwischen den Versionen
K |
|||
| Zeile 13: | Zeile 13: | ||
== Troubles == | == Troubles == | ||
=== Open Sanc Condensed === | === Open Sanc Condensed === | ||
| − | Der Font <tt>Open Sans Condensed" wird auf obiger Seite nicht angeboten. | + | Der Font <tt>Open Sans Condensed" wird auf obiger Seite nicht angeboten. |
| − | |||
Diese Fontfamilie habe ich hier im TTF Format gefunden: https://www.fontsquirrel.com/fonts/open-sans-condensed | Diese Fontfamilie habe ich hier im TTF Format gefunden: https://www.fontsquirrel.com/fonts/open-sans-condensed | ||
Nach dem Entpacken kann man die Dateien in das Format <tt>WOFF</tt> konvertieren: https://convertio.co/de/ttf-woff/ | Nach dem Entpacken kann man die Dateien in das Format <tt>WOFF</tt> konvertieren: https://convertio.co/de/ttf-woff/ | ||
| − | + | CSS Code (für Joomla) in <tt>user.css</tt>: | |
| − | + | @font-face { | |
| − | font-family: | + | font-family: "OpenSans_light"; |
| − | src: url('../ | + | src: url('../Fonts/OpenSans-CondLight.woff') format('woff'); |
| − | + | font-weight: var(--cassiopeia-font-weight-headings,400); | |
| − | |||
| − | |||
| − | |||
| − | font- | ||
| − | |||
text-transform:uppercase; | text-transform:uppercase; | ||
| − | + | } | |
| − | + | Anwendung für Überschriften | |
| − | + | h1, h2, h3, h4 { font-family: "OpenSans_light", Arial, sans-serif; } | |
Aktuelle Version vom 18. November 2024, 09:04 Uhr
Das Einbinden von Google Fonts in eine Website ist (anscheinend) nicht mehr datenschutzkonform, da die IP-Adresse des Benutzers an Google übermittelt wird.
Man kann die Google Fonts auch über den eigenen Webspace in die Seite einbinden. Folgende Seite hilft dabei:
https://google-webfonts-helper.herokuapp.com/
Hier kann man einen oder mehrere Google Fonts downloaden und den notwendigen CSS Code direkt von der Seite kopieren.
Joomla:
- Die Font-Dateien werden im Template im Verzeichnis fonts gespeichert.
Der CSS Code wird in die CSS-Datei des Templates eingefügt - am besten in costum.css
Troubles
Open Sanc Condensed
Der Font Open Sans Condensed" wird auf obiger Seite nicht angeboten. Diese Fontfamilie habe ich hier im TTF Format gefunden: https://www.fontsquirrel.com/fonts/open-sans-condensed Nach dem Entpacken kann man die Dateien in das Format WOFF konvertieren: https://convertio.co/de/ttf-woff/
CSS Code (für Joomla) in user.css: @font-face {
font-family: "OpenSans_light";
src: url('../Fonts/OpenSans-CondLight.woff') format('woff');
font-weight: var(--cassiopeia-font-weight-headings,400);
text-transform:uppercase;
} Anwendung für Überschriften
h1, h2, h3, h4 { font-family: "OpenSans_light", Arial, sans-serif; }