Google Fonts: Unterschied zwischen den Versionen
K |
|||
| Zeile 15: | Zeile 15: | ||
Der Font <tt>Open Sans Condensed" wird auf obiger Seite nicht angeboten. Dieser Font wird aber z.B. in dem Joomla Template '''Phoca-gweld''' verwendet. | Der Font <tt>Open Sans Condensed" wird auf obiger Seite nicht angeboten. Dieser Font wird aber z.B. in dem Joomla Template '''Phoca-gweld''' verwendet. | ||
| − | + | 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/ | |
| − | |||
Der CSS Code (für Joomla) lautet dann: | Der CSS Code (für Joomla) lautet dann: | ||
| Zeile 24: | Zeile 23: | ||
src: url('../fonts/OpenSans-CondLight.woff') format('woff'); | src: url('../fonts/OpenSans-CondLight.woff') format('woff'); | ||
} | } | ||
| − | Nun kann diese Schrift per CSS verwendet werden wie im folgenden Beispiel in der Datei index.php im Joomla Template: | + | Nun kann diese Schrift per CSS verwendet werden wie im folgenden Beispiel in der Datei '''index.php''' im Joomla Template: |
.navbar-nav { | .navbar-nav { | ||
Version vom 2. September 2022, 19:57 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. Dieser Font wird aber z.B. in dem Joomla Template Phoca-gweld verwendet.
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/
Der CSS Code (für Joomla) lautet dann:
@font-face {
font-family: 'Open Sans Condensed';
src: url('../fonts/OpenSans-CondLight.woff') format('woff');
}
Nun kann diese Schrift per CSS verwendet werden wie im folgenden Beispiel in der Datei index.php im Joomla Template:
.navbar-nav {
font-family: 'Open Sans Condensed', sans-serif;
font-size: 120%;
text-transform:uppercase;
}