Font Awesome wird nicht auf Windows Phone 8 angezeigt

Habe ich eine test-Website, die mit Font Awesome font für die Darstellung von icons.

Die Symbole display in Ordnung, auf meinem desktop im IE und Chrome sowie auf dem iPhone und Andriod mobile Geräte.

Jedoch die font-icons nicht angezeigt wird, auf ein Nokia Lumia 920 mit Windows Phone 8.

Ich kann nicht herausfinden, was das problem verursacht. Andere Websites, die mit dem Font-Awesome-icon-schriftart korrekt angezeigt, auf dem Nokia Lumia 920 Windows Phone. Also muss es etwas bestimmtes, um das setup, das ich erstellt habe.

Den test Website ist: http://www-peachtreedata.azurewebsites.net/?page_id=6

Irgendwelche Tipps, wie man diese Arbeit an der Windows Phone-Plattform zu schätzen wissen.

InformationsquelleAutor der Frage Richard West | 2013-04-04

  1. 7

    Dies ist eine situation, wo das beobachtete problem ist nur ein symptom des wirklichen Problems. Ich hatte das gleiche Problem mit meiner eigenen Website. Aber es stellte sich heraus, dass dies kein Windows-Phone-problem, aber das IIS 7 - 8.1 dienen, bis der falsche MIME-type für web-font-Dateien. Stellen Sie sicher, dass die richtigen MIME-Typen bedient sich für Ihre schriftart-Dateien, wie hier gezeigt: Die richtige MIME-Typ für Schriftarten

    Auch, wenn Sie mit Windows Azure-Speicher für Ihre Schriften haben, müssen Sie den MIME-Typ, der auf jede Datei manuell. Der einfachste Weg, dies zu tun für vorhandene Dateien wird durch eine der vielen Azure-Speicher-front-end-Editoren gibt.

    HTH

    InformationsquelleAutor der Antwort Robert McLaws

  2. 3

    Konnte ich meine Schrift/icon-set zu sein erkannt von Windows Phone 8 mit base64. Achten Sie darauf, WOFF-und TTF-fonts wie folgt (wobei * sind die langen base64 strings):

    @font-face {
    font-family: 'icomoon-ac';
    src: url(data:application/x-font-woff;charset=utf-8;base64,***) format('woff'),
        url(data:application/x-font-ttf;charset=utf-8;base64,***) format('truetype');
    font-weight: normal;
    font-style: normal;
}

    UPDATE: Das Thema kam wieder auf Hacker News, also ich möchte mein original post hier, falls es anderen hilft:
    1) ich habe nur versucht, icomoon, und
    2) ich habe nur 1 eingebettete schriftart.

    Benutze ich jqMobi, jetzt namens Intel App Framework, um eine mobile website, dass die Ziele allen wichtigen mobilen Browsern. Die jqMobi framework enthält ~70 icons von icomoon eingebettet in die ui-CSS. Ich brauchte ein paar mehr, also habe ich zunächst versucht zu erweitern, indem Sie eine schriftart-Datei namens icomoon-extra hochladen zu http://www.motobit.com/util/base64-decoder-encoder.asp zu produzieren, die die base64-string und hinzufügen von einem anderen @font-face, um die jqMobi CSS. Das hat bei mir nicht funktioniert, also habe ich einfach erstellt eine neue icomoon-ac-Datei, die enthält die meisten der original-Symbole aus der jqMobi icomoon Auswahl, plus weitere ~30 oder so Symbole, die ich brauchte. Nun, ich verwende nur meine icomoon-ac-Schrift in den Rahmen und es funktioniert. Wieder nur 1 eingebettete schriftart.

    InformationsquelleAutor der Antwort carrabino

  3. 2

    CSS @font-face funktioniert nicht zuverlässig in Windows Phone IE.

    Symbol-Schriftarten wie die Schriftart Awesome verlassen Sie sich beim laden eine entsprechende font-Datei von einem remote-server. Offenbar, es ist nicht möglich, laden Sie zusätzliche Schriftarten mit @font-face auf Windows Phone. Abhängig von der Quelle dies ist der Fall für Windows Phone 7, oder auch für die version 8:

    • Microsoft Staatendie web fonts funktionieren nicht auf 7.1
    • Diese SO-threadund ein weiteres meldet Probleme auf 7.5, kann aber einen Hinweis auf mögliche Lösungen
    • In die Kommentare dieser Beitrages wird festgestellt, dass auch Base64-codierte Schriftarten funktionieren nicht in einem emulator. Wenn ich die Zeit finde, werde ich dies testen auf einem echten Telefon (7.5).
    • Auch modernizr hat einige Probleme mit dieser

    Nebenbei: Auf meinem Windows Phone, microsoft.com angezeigt wird mit Tahoma, wird die zweite schriftart im stack:

     font-family: wf_SegoeUI, Tahoma, Verdana, Arial, sans-serif;

    Komisch, da Windows phone hat eine lokale Kopie von Segoe UI zur Verfügung. Ich Frage mich, warum die web-Leute bei MS nicht setzen, das zweite in dem Stapel...

    InformationsquelleAutor der Antwort bhell

  4. 1

    Dies kann behoben werden in 8.1 Update:

    "Als der Internet-Explorer für Windows Phone 8.1 Update Internet Explorer auf Windows Phone erlaubt cross-origin-schriftart laden unabhängig von der access-control-Header für eine bessere Kompatibilität mit bestehenden Websites" [1]

    InformationsquelleAutor der Antwort robocat

  5. 0

    Okay, das ist was für mich gearbeitet auf IIS7.5. Ich hatte zum hinzufügen von MIME-Typen .otf, .svg und .woff, IIS, da Sie nicht existiert. Hinzufügen eines neuen MIME-Typ goto IIS, klicken Sie auf MIME types - Modul mit der rechten Maustaste und wählen Sie Add...

        .eot -> application/vnd.ms-fontobject
    .otf -> application/font-sfnt
    .svg -> image/svg+xml
    .ttf -> application/font-sfnt
    .woff -> application/font-woff

    InformationsquelleAutor der Antwort Flo

Schreibe einen Kommentar