@font-face устарела в версии Safari для iPhone. Каковы мои альтернативы?
Согласно документации Apple, @font-face не рекомендуется использовать в iPhone-версии Safari. IPhone включает только 11 шрифтов, AFAIK, и, в любом случае, мне нужен хороший шрифт blackletter для приложения, которое я создаю. Я буду генерировать случайный текст, поэтому изображения не вариант. Какие у меня есть альтернативы? Я застрял с решением JavaScript, как Cufón?
4 ответа
Ну только что узнал @font-face СЕЙЧАС поддержка на текущих iPhone и iPad. Связанная с вышеупомянутой документацией справка по SafariCSS Показывает пример того, как встраивать шрифт.
@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) [, ...];
}
Просто хотел убедиться, что кто-то еще, кто пришел и прочитал это, как я, знал текущее состояние.
Вы действительно можете использовать @font-face. Вам просто нужно использовать SVG-шрифты. Существуют утилиты для преобразования TTF в SVG.
Смотрите это для получения дополнительной информации (не мой пост)
http://blog.themeforest.net/tutorials/how-to-achieve-cross-browser-font-face-support/
Cufón - действительно единственное решение, которое вы сможете использовать "из коробки". У него есть дополнительное преимущество: он довольно быстрый на iPhone, поскольку использует холст, а не встроенный SVG, а сгенерированные шрифты обычно на 60-80% меньше оригинальных шрифтов (при сжатии).
Я буду генерировать случайный текст, поэтому изображения не вариант.
Вы можете использовать графическую библиотеку на сервере и рисовать изображения на лету. Я сделал нечто подобное, и это работает, но, конечно, это зависит от объема текста, который вы хотите нарисовать. Плюс, если текст повторяется хотя бы иногда, вы можете кэшировать изображения.