Hallo!
Ich möchte Google-Fonts in CSS importieren, dabei aber die Fontdateien lokal laden. Das funktioniert bei Firefox + Chrome (...), aber mal wieder nicht bei IE bzw. Edge. Hab schon rumgedoktort, kriegs aber nicht hin... Also:
Importiere ich Google-Fonts standardmäßig, funktioniert es auch bei allen Browsern - auch bei IE und Edge:
Nun lade ich die Datei
https://fonts.googleapis.com/css?fa...0i,600,600i,700,800,800i,900&subset=latin-ext
herunter, speichere sie lokal, lösche alles Unbenötigte (Kommentare, Leerzeichen, CR/LF, ggf. auch unbenötigte Fonts etc. ...) heraus und lade diese eigene Fontdatei lokal oder online:
Oder ich lade die Font-Datei im HTML:
... egal wie (auch mit / ohne MEDIA="screen" etc. ... ): Bei Firefox, Chrome, Opera (is ja auch Chrome) etc. funktioniert alles - nur bei IE und Edge nix.
IE und Edge scheinenauch grundsätzlich ein Problem mit zusätzlich importierten CSS-File zu haben !?
Gleiches Problem bei, z.b:
Jemand ne Idee? Danke Euch!
Ich möchte Google-Fonts in CSS importieren, dabei aber die Fontdateien lokal laden. Das funktioniert bei Firefox + Chrome (...), aber mal wieder nicht bei IE bzw. Edge. Hab schon rumgedoktort, kriegs aber nicht hin... Also:
Importiere ich Google-Fonts standardmäßig, funktioniert es auch bei allen Browsern - auch bei IE und Edge:
CSS:
@import url('https://fonts.googleapis.com/css?family=Raleway:100,300,300i,500,500i,600,600i,700,800,800i,900&subset=latin-ext');
Nun lade ich die Datei
https://fonts.googleapis.com/css?fa...0i,600,600i,700,800,800i,900&subset=latin-ext
herunter, speichere sie lokal, lösche alles Unbenötigte (Kommentare, Leerzeichen, CR/LF, ggf. auch unbenötigte Fonts etc. ...) heraus und lade diese eigene Fontdatei lokal oder online:
CSS:
/* z.B.: aus CSS-File my.css mit: */
@import url("fnt.css");
@import url("http://www.my_host.de/css/fnt.css");
Oder ich lade die Font-Datei im HTML:
HTML:
<LINK REL="stylesheet" TYPE="text/css" HREF="http://www.my-host.de/css/fnt.css" MEDIA="screen">
... egal wie (auch mit / ohne MEDIA="screen" etc. ... ): Bei Firefox, Chrome, Opera (is ja auch Chrome) etc. funktioniert alles - nur bei IE und Edge nix.
IE und Edge scheinenauch grundsätzlich ein Problem mit zusätzlich importierten CSS-File zu haben !?
Gleiches Problem bei, z.b:
CSS:
@import url("zusaetzlich_1.css") screen;
@import url("keyframes.css") screen;
Jemand ne Idee? Danke Euch!
Zuletzt bearbeitet: