Google Fonts

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; }