Hallo,
ich habe ein Problem und zwar habe ich einige Fonts, diese ich gerne verwenden möchte.
Das Problem ist, das die Fonts am Windowsrechner funktionieren, aber nicht immer korrekt mit einem Smartphone.
Deshalb möchte ich jetzt mal wissen, wie man die Fonts ambesten auf seiner eigenen Seite laden kann.
Ich hab das z.B. so mit CSS gelößt:
Aber das klappt nicht immer beim Smartphone, also die Schrift fehlt einfach und wird mit dem Standard Font vom Smartphone ersetzt.
Könnte man die Fonts eventuell mit JavaScript laden und anschließend eine Funktion aufrufen, wenn alle Fonts geladen sind?
Ich benutze auf meiner Seite eine Font auswahl und möchte weit über 200 Fonts laden.
Im anhang habe ich ein Screen hochgeladen, wie die Font auswahl aussieht, darin werden noch einige Fonts erscheinen, aber dazu muss ich die Font Dateien erstmal alle laden.
Ich bedanke mich schonmal im Voraus.
Gruss
ich habe ein Problem und zwar habe ich einige Fonts, diese ich gerne verwenden möchte.
Das Problem ist, das die Fonts am Windowsrechner funktionieren, aber nicht immer korrekt mit einem Smartphone.
Deshalb möchte ich jetzt mal wissen, wie man die Fonts ambesten auf seiner eigenen Seite laden kann.
Ich hab das z.B. so mit CSS gelößt:
CSS:
@font-face {font-family: "Comic Sans MS";
src: url("fonts/comic-sans-ms.eot");
src: url("fonts/comic-sans-ms.eot?#iefix") format("embedded-opentype"),
url("fonts/comic-sans-ms.woff2") format("woff2"),
url("fonts/comic-sans-ms.woff") format("woff"),
url("fonts/comic-sans-ms.ttf") format("truetype"),
url("fonts/comic-sans-ms.svg#Comic Sans MS") format("svg");
}
Könnte man die Fonts eventuell mit JavaScript laden und anschließend eine Funktion aufrufen, wenn alle Fonts geladen sind?
Ich benutze auf meiner Seite eine Font auswahl und möchte weit über 200 Fonts laden.
Im anhang habe ich ein Screen hochgeladen, wie die Font auswahl aussieht, darin werden noch einige Fonts erscheinen, aber dazu muss ich die Font Dateien erstmal alle laden.
Ich bedanke mich schonmal im Voraus.
Gruss