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

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


iphone css safari webkit font-face
person Andrew Hedges    schedule 19.07.2009    source источник

Ответы (4)


arrow_upward
18
arrow_downward

Что ж, только что узнал, что @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) [, ...];
}

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

person christophercotton    schedule 20.04.2011
comment
Если я хочу хранить файлы шрифтов внутри приложения, чтобы для загрузки шрифтов не требовалось подключение к Интернету, что бы я поставил для параметра URL-адреса font-face? Пожалуйста, помогите с моим вопросом о шрифте здесь (мой html-файл, использующий font-face, находится в каталоге моих документов, а сами файлы шрифтов находятся в моем комплекте (папка ресурсов): stackoverflow.com/questions/9014211/ - person Albert Renshaw; 26.01.2012

arrow_upward
17
arrow_downward

На самом деле вы можете использовать @font-face. Вам просто нужно использовать шрифты SVG. Существуют утилиты для преобразования TTF в SVG.

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

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

person mikelikespie    schedule 28.01.2010
comment
Отличный пост. Это отличное решение, благодаря которому @font-face работает во всех основных браузерах. - person samvermette; 07.02.2010
comment
Вот так я и пошел. Я думаю, что это лучше, чем Cufon лично, поскольку он работает из коробки и каким-то образом должен иметь поддержку графического процессора. Спасибо! - person Paul Shapiro; 28.06.2010
comment
Проблема с обратной поддержкой заключается в том, что Safari 3 не поддерживает SVG, хотя и поддерживает шрифты OTF. - person vernonk; 13.01.2011

arrow_upward
3
arrow_downward

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

person Nathan de Vries    schedule 19.07.2009
comment
Я использовал Cufón раньше, и мне это нравится. Я хочу показать серию чисел в быстрой последовательности, и я не думаю, что Cufón может изменить текст после его преобразования. - person Andrew Hedges; 20.07.2009
comment
Вызов Cufon.refresh(selector) сразу после установки innerHTML элемента Cufon на другое значение работает нормально — на моем рабочем столе нет ощутимого мерцания, но вам нужно проверить на мобильном устройстве, чтобы увидеть, работает ли он. смена достаточно быстрая. - person Nathan de Vries; 20.07.2009
comment
Ах, верно. Я не знал, что в Куфоне такое можно сделать. Спасибо! - person Andrew Hedges; 21.07.2009
comment
Если использовать его просто для лучшего оформления, я считаю, что решение SVG лучше, потому что оно также ведет себя как текст. - person mikelikespie; 16.01.2011

arrow_upward
0
arrow_downward

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

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

person zoul    schedule 19.07.2009
comment
Мне нужно показать случайные числа в быстрой последовательности и в диапазоне примерно от -10k до 10k. Слишком много для кэширования. Может быть, мне нужно показать комбинации изображений отдельных чисел, 0-9. - person Andrew Hedges; 20.07.2009
comment
Для чисел я бы использовал спрайты CSS: сгенерировал один PNG с -0123456789, затем поместил каждую цифру в качестве фона в div фиксированного размера. Просто измените вертикальное смещение, чтобы изменить, какая цифра появляется в каждом слоте. Красиво и быстро, простой объект для загрузки по HTTP, который затем будет кэшироваться повсюду, и никакой дополнительной нагрузки на сервер, кроме обслуживания одного статического изображения. - person James Sutherland; 20.05.2010