Google Fonts: Unterschied zwischen den Versionen
| Zeile 16: | Zeile 16: | ||
CSS Code für Joomla in <tt>user.css</tt>: | CSS Code für Joomla in <tt>user.css</tt>: | ||
@font-face { | @font-face { | ||
font-family: "OpenSans_light"; | font-family: "OpenSans_light"; | ||
src: url('../Fonts/OpenSans-CondLight.woff') format('woff'); | src: url('../Fonts/OpenSans-CondLight.woff') format('woff'); | ||
font-weight: var(--cassiopeia-font-weight-headings,400); | font-weight: var(--cassiopeia-font-weight-headings,400); | ||
text-transform:uppercase; | text-transform:uppercase; | ||
} | } | ||
Anwendung für Überschriften | Anwendung für Überschriften | ||
h1, h2, h3, h4 { font-family: "OpenSans_light", Arial, sans-serif; } | h1, h2, h3, h4 { font-family: "OpenSans_light", Arial, sans-serif; } | ||
Aktuelle Version vom 30. Dezember 2024, 22:52 Uhr
Das Einbinden von Google Fonts in eine Website ist möglicherweise 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. Auf folgender Seite kann man einen oder mehrere Google Fonts downloaden und den notwendigen CSS Code direkt von der Seite kopieren.
https://gwfh.mranftl.com/fonts
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 user.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; }