Hallo!

Ich würde gerne beim IMO-Template eine besondere Google Schriftart verwenden.
Und zwar die Schriftart Fira Sans.

Über die "Web-Entwickler" Funktion von Firefox konnte ich das bereits "simulieren".
Habe alle Fonts-Einträge in der "theme.css" durch Fira Sans ersetzt und zu Beginn @import ' fonts.googleapis.com/css?family=Oswald:300,400 '; durch @import ' fonts.googleapis.com/css?family=Fira+Sans:400,700 '; ersetzt. (diese Info kommt direkt von google fonts)

In der custom.css habe ich die entsprechenden Einträge schon umgeschrieben, aber leider wird zu Beginn immer wieder @import ' fonts.googleapis.com/css?family=Oswald:300,400 '; angezeigt.
Wie kann ich das ändern?
Was muss ich in der custom.css eingeben dass automatisch diese "Fira Sans" Schriftart "importiert" und verwendet wird?
Laut Google Fonts muss dieser code ja im HEAD der Seite eingesetzt werden. Aber wie überschreibe bzw. ergänze ich hier den HEAD mit dieser Code-Zeile?

Vielen Dank
Sigi-77

~~Hallo,
die theme.css wird vom Customizer erzeugt und sollte nicht editiert werden.
Wenn sie im Customizer alle Fonts auf "Arial" setzen wird diese Zeile gelöscht.
Wenn sie eine neue Schrift über @import laden, müssen sie diese auch der CSS Klasse zuordnen.
1.) Laden der Schrift in die css/custom.css
@import 'fonts.googleapis.com/css?family=Fira+Sans:400,700';

2.) Nun die Schrift der Klasse zuordnen, als Beispiel für alle im HTML Bereich
html {font-family: 'Fire Sans' !important}

Hallo!

Vielen Dank für die Rückmeldung.

Obwohl ich die css-Regel !important angefügt habe, werden einige Schriften (z.B. h1, h2, usw.) noch nicht mit der entsprechenden Schriftart angezeigt.
Die !important-Regel sollte ja eigentlich alle Einträge überschreiben, oder?

Gibt es hier doch noch irgendwelche css-Regeln die durch die custom.css nicht überschrieben werden?
Oder habe ich noch irgendwo einen Fehler in der custom.css?




VG
Sigi-77

Hallo, ihre css/custom.css sollte wie folgt aussehen

@import url(' fonts.googleapis.com/css?family=Fira+Sans ');

html, h1, h2, h6 {
font-family: 'Fira Sans' !important;
}

Vielen Dank!
Ich glaube ich hab es jetzt richtig umgesetzt!