@font-face ist auf der iPhone-Version von Safari veraltet. Was sind meine Alternativen?

Question

Entsprechend Apples Dokumentation, @font-face ist veraltet für die Verwendung auf der iPhone-Version von Safari. Das iPhone enthält nur 11 Schriftarten, Afaik, und auf jeden Fall brauche ich eine schöne Blackletter -Schrift für eine App, die ich baue. Ich werde zufälligen Text generieren, daher sind Bilder keine Option. Welche Alternativen habe ich? Bin ich mit einer JavaScript -Lösung wie wie Cufón?

Answer 1

Nun, habe es gerade herausgefunden @font-face ist jetzt Unterstützung auf dem aktuellen iPhone und iPad. Die oben verknüpfte Dokumentation, die heißt Safari CSS Referenz Zeigt das Beispiel für die Einbettung der Schriftart.

@font-face {
    font-family: "MyFamilyname", cursive [, ...];
    font-style: normal [, ...];
    font-variant: normal[, ...];
    font-weight: bold[, ...];
    font-stretch: condensed[, ...]; /* Not supported */
    font-size: 12pt;[, ...] /* Not supported */
    src: local("Font Family Name"),
        url(http://..../fontfile.ttf) format("truetype"),
        url(http://..../fontfile.ttf) [, ...];
}

Ich wollte nur sicherstellen, dass jemand anderes, der mitgekommen ist, wie ich, den aktuellen Zustand kannte.

Answer 2

Sie können @font-face tatsächlich verwenden. Sie müssen nur SVG -Schriftarten verwenden. Es gibt Dienstprogramme, um TTFs in SVGs umzuwandeln

Weitere Informationen finden Sie unter (nicht meinem Beitrag).

http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/

Answer 3

CUFón ist wirklich die einzige Lösung, die Sie aus der Schachtel verwenden können. Es hat den zusätzlichen Vorteil, auf dem iPhone ziemlich schnell zu sein, da es eher Leinwand als Inline-SVG verwendet.

Answer 4

Ich werde zufälligen Text generieren, daher sind Bilder keine Option.

Sie können eine Grafikbibliothek auf dem Server verwenden und die Bilder im laufenden Fliegen zeichnen. Ich habe etwas Ähnliches getan und es funktioniert, aber natürlich hängt es von der Menge an Text ab, die Sie zeichnen möchten. Wenn sich der Text zumindest manchmal wiederholt, können Sie die Bilder zwischenspeichern.