Tutorials
Einige nützliche Hilfen und Code-Schnipsel, die ich immer wieder benötige und deshalb hier für alle sammle.
Windowsphone: Webfonts auf HTML5 Windows Phone Apps zum Laufen kriegen
Bei einer App für Cordova, Phonegap oder einem anderem Framework habe ich einen seltsamen Fehler bemerkt. Probiert man die Html5 App im IE Browser auf dem Windows Phone aus, so funktionieren alle Webfonts, öffnet man allerdings die Webapp, so wird die Font nicht geladen und an allen Stellen werden Rechtecke angezeigt. Nach langem Kopfzerbrechen und Recherche habe ich die Lösung gefunden. Die App kommt nicht mit Get-Parametern an den Font-Url's klar. Fontawesome und andere Fonts machen die, um bei einem Update den Browsern zu sagen, dass er die Datei nicht aus dem Cache holen soll.
Hier ein Beispiel wie es nicht funktioniert.
src:url('../fonts/fontawesome-webfont.ttf?v=4.0.3')
Nimmt man die Get-Parameter raus, dann geht es.
src:url('../fonts/fontawesome-webfont.ttf')
Warum das so ist, kann ich mir auch nicht erklären, aber immerhin kriegt man die Web-Fonts doch zum Laufen.
Kommentare
Es gibt noch keine Kommentare. Sei der Erste!
Hinterlasse einen Kommentar