@font-face est obsolète sur la version iPhone de Safari. Quelles sont mes options?

Selon La documentation d'Apple, @font-face est déconseillé pour une utilisation sur l'iPhone version de Safari. L'iPhone ne comprend 11 polices, autant que je sache, et, en tout cas, j'ai besoin d'une belle blackletter police pour une application que je suis en train de construire. Je vais être générateur de texte aléatoire, de sorte que les images ne sont pas une option. Quelles alternatives s'offrent à moi? Suis-je coincé avec une solution d'activer JavaScript comme Cufón?

OriginalL'auteur Andrew Hedges | 2009-07-19

  1. 18

    Bien, viens de découvrir @font-face est MAINTENANT l'appui sur le courant de l'iPhone et de l'iPad. La documentation lié ci-dessus, qui est Safari de Référence CSS Montre l'exemple de la façon d'intégrer la police.

    @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) [, ...];
}

    Voulais juste faire en sorte que quelqu'un d'autre qui est venu le long et lire, comme moi, ne connaissait l'état actuel.

    Si je veux stocker les fichiers de police à l'intérieur de l'application pour que l'on n'a pas besoin d'une connexion internet pour charger les polices que serais-je mettre pour le "URL" paramètre de font-face? S'il vous plaît aider avec ma police est question ici (mon fichier html qui utilise font-face est dans le répertoire mes documents et les fichiers de police eux-mêmes sont dans mon bundle (dossier de ressources): stackoverflow.com/questions/9014211/...

    OriginalL'auteur christophercotton

  2. 17

    Vous pouvez réellement utiliser @font-face. Vous avez juste besoin d'utiliser les polices SVG. Il existe des utilitaires pour convertir les éléments techniques à SVGs

    Voir ce pour plus d'info (pas mon post)

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

    Great post. C'est une excellente solution qui rend le @font-face de travail dans tous les principaux navigateurs.
    C'est la façon dont je suis allé avec. Je pense que c'est mieux que Cufon personnellement car il fonctionne hors de la boîte, et il est lié à avoir support GPU en quelque sorte. Merci!
    Le problème si vous êtes en appui vers l'arrière, c'est que Safari 3 ne prend pas en charge le format SVG, bien qu'il prend en charge les polices OTF.

    OriginalL'auteur mikelikespie

  3. 3

    Cufón est vraiment la seule solution que vous serez capable de l'utiliser hors de la boîte. Il a l'avantage d'être assez rapide sur l'iPhone car il utilise de la toile plutôt que dans la ligne SVG, et les polices sont généralement autour de 60 à 80% plus petit que les polices d'origine (lorsqu'il est compressé).

    J'ai utilisé Cufón avant et comme il. Je veux montrer une série de nombres en succession rapide, et je ne pense pas que Cufón pouvez modifier le texte une fois qu'il a été converti.
    L'Appel De Cufon.refresh("sélecteur") immédiatement après la définition de la innerHTML d'un Cufon avais élément à une valeur différente fonctionne très bien-il n'y a pas de scintillement perceptible sur le bureau de mon ordinateur, mais vous avez besoin de tester sur un appareil mobile pour voir si il effectue le changement assez rapide.
    Ah, à droite. Je ne savais pas qu'on pouvait le faire dans Cufón. Merci!
    Si je l'utilise juste pour le meilleur de la décoration, j'ai l'impression que le SVG solution est préférable car elle a l'avantage de se comporter comme du texte.

    OriginalL'auteur Nathan de Vries

  4. 0

    Je vais être générateur de texte aléatoire, de sorte
    les images ne sont pas une option.

    Vous pouvez utiliser une bibliothèque graphique sur le serveur et de dessiner les images à la volée. J'ai fait quelque chose de semblable et il fonctionne, mais bien sûr cela dépend de la quantité de texte que vous voulez dessiner. De Plus, si le texte est répété au moins parfois, vous pourriez mettre en cache les images.

    J'ai besoin d'afficher des nombres aléatoires en succession rapide, et dans une gamme d'environ 10k 10k. Trop de cache. Peut-être que j'ai besoin de montrer des combinaisons d'images, de nombres, de 0 à 9.
    Oui, carrelage, les images devrait fonctionner parfaitement.
    Pour les chiffres, je voudrais utiliser des sprites CSS: générer un PNG avec -0123456789, puis mettre chaque chiffre comme arrière-plan dans une taille fixe div. Il suffit de changer le décalage vertical pour changer le chiffre s'affiche dans chaque logement. Agréable et rapide, un simple objet à récupérer sur HTTP qui sera ensuite mis en cache partout, et pas de charge supplémentaire sur le serveur au-delà de servir une image statique.

    OriginalL'auteur zoul