Google Fonts: Unterschied zwischen den Versionen
K |
|||
| (4 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 5: | Zeile 5: | ||
https://google-webfonts-helper.herokuapp.com/ | https://google-webfonts-helper.herokuapp.com/ | ||
| − | Hier kann man einen oder mehrere Google Fonts downloaden | + | 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 <tt>fonts</tt> gespeichert. | |
| + | Der CSS Code wird in die CSS-Datei des Templates eingefügt - am besten in <tt>costum.css</tt> | ||
| − | + | == Troubles == | |
| + | === Open Sanc Condensed === | ||
| + | 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 | ||
| + | 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: "OpenSans_light"; | |
| − | + | src: url('../Fonts/OpenSans-CondLight.woff') format('woff'); | |
| − | font-family: | + | font-weight: var(--cassiopeia-font-weight-headings,400); |
| − | src: url('../ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | 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; }