@ font-face устарела в версии Safari для iPhone. Каковы мои альтернативы? - PullRequest
Новая
       13

@ font-face устарела в версии Safari для iPhone. Каковы мои альтернативы?

11 голосов
/ 19 июля 2009

Согласно документации Apple , @ font-face не рекомендуется использовать в iPhone-версии Safari. IPhone включает только 11 шрифтов , AFAIK, и, в любом случае, мне нужен хороший шрифт blackletter для приложения, которое я создаю. Я буду генерировать случайный текст, поэтому изображения не вариант. Какие у меня есть альтернативы? Я застрял с решением JavaScript, как Cufón ?

Ответы [ 4 ]

18 голосов
/ 20 апреля 2011

Что ж, только что выяснил, @font-face СЕЙЧАС поддерживает текущие iPhone и iPad. Ссылка на документацию, приведенную выше, Справочник по Safari CSS Показывает пример того, как встраивать шрифт. 

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

Просто хотел убедиться, что кто-то еще, кто пришел и прочитал это, как я, знал текущее состояние.

17 голосов
/ 28 января 2010

Вы можете использовать @ font-face. Вам просто нужно использовать шрифты SVG. Есть утилиты для конвертации TTF в SVG

См. Это для получения дополнительной информации (не мой пост)

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

3 голосов
/ 19 июля 2009

Cufón - действительно единственное решение, которое вы сможете использовать «из коробки». У него есть дополнительное преимущество: он довольно быстрый на iPhone, поскольку использует холст, а не встроенный SVG, а сгенерированные шрифты обычно примерно на 60-80% меньше оригинальных (при сжатии).

0 голосов
/ 19 июля 2009

Я буду генерировать случайный текст, поэтому изображения не являются опцией.

Вы можете использовать графическую библиотеку на сервере и рисовать изображения на лету. Я сделал нечто подобное, и это работает, но, конечно, это зависит от объема текста, который вы хотите нарисовать. Кроме того, если текст повторяется хотя бы иногда, вы можете кэшировать изображения.

...