@ Font-face è deprecato dalla versione iPhone di Safari. Quali sono le mie alternative?

Question

Secondo la documentazione Apple , @ font-face è deprecato per l'utilizzo della versione iPhone di Safari. L'iPhone include solo 11 font , per quanto ne so, e, in ogni caso, ho bisogno di un bel blackletter font per un app che sto costruendo. Sarò generando testo casuale, così le immagini non sono un'opzione. Quali alternative ho? Sto bloccato con una soluzione JavaScript come Cufon ?

Answer 1

Bene, appena scoperto @font-face è ora sostenere sull'attuale iPhone e iPad. La documentazione legata alla precedente, che è Safari CSS Riferimento mostra l'esempio di come incorporare il tipo di carattere.

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

Volevo solo per assicurarsi che qualcun altro che è venuto lungo e leggere questo come me, conosceva lo stato attuale.

Answer 2

Si può effettivamente utilizzare @ font-face. Hai solo bisogno di usare i font SVG. Ci sono programmi di utilità per convertire TTFs a SVG

Vedere questo per ulteriori informazioni (non il mio post)

http: //blog.themeforest .net / tutorial / how-to-ottenere-cross-browser-font-face-support /

Answer 3

Cufon è davvero l'unica soluzione che sarete in grado di utilizzare fuori dalla scatola. Ha il vantaggio di essere piuttosto veloce su iPhone dal momento che utilizza tela piuttosto che SVG linea, ei font generati sono in genere intorno al 60-80% più piccoli dei font originali (quando compresso).

Answer 4

  

Sarò generando testo casuale, in modo da   le immagini non sono un'opzione.

Si potrebbe utilizzare una libreria grafica sul server e disegnare le immagini al volo. Ho fatto qualcosa di simile e funziona, ma ovviamente dipende dalla quantità di testo che si desidera disegnare. Inoltre, se il testo si ripete almeno qualche volta, si potrebbe memorizzare nella cache le immagini.