Как получить доступ к функциям шрифта в CSS? - PullRequest
Новая
       8

Как получить доступ к функциям шрифта в CSS?

8 голосов
/ 26 марта 2011

У меня есть шрифт, который я хочу использовать на веб-сайте, и мне нужен доступ к различным функциям альтернативного шрифта (в частности, к выбранным здесь функциям: http://myfonts.us/uOmsiF).

Я знаю, что в Mozilla есть -moz-font-feature-settings функция css, НО мне нужны еще две вещи:

  1. способ сделать это для браузеров webkit (если возможно, поддержка последних версий IE);
  2. как решить, чтоЯ должен указать в качестве значения свойства -moz-font-feature-settings (есть ли инструмент? Стандарт?).

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

Редактировать: Я только что нашел спецификацию OpenType: http://www.fontfont.com/opentype/FF_OT_UserGuide_v2.pdf, а также черновик CSS3: http://dev.w3.org/csswg/css3-fonts/#font-variant-alternates-prop Редактировать 2: Мое решение состояло в том, чтобы создать текст в xelatex, а затем преобразовать его в SVG. Очевидно, это не будет решением для большого количества текста, но хорошо работает для текстового логотипа.

Ответы [ 3 ]

6 голосов
/ 26 марта 2011

В настоящее время ни один браузер, кроме Firefox 4, не поддерживает font-feature-settings (и даже в этом случае он использует расширение поставщика Mozilla). Модуль Шрифты *1003* *1003* документирует это свойство, поэтому, поскольку оно является частью CSS3, другие браузеры должны в конечном итоге поддерживать его.

Я не уверен ни в каких решениях на основе JavaScript.

4 голосов
/ 26 ноября 2012

Как утверждает sideshowbarker, CSS font-feature-settings теперь широко поддерживается.Они могут быть выполнены со всеми известными префиксами поставщиков:

  • -webkit- (Google Chrome)
  • -moz- (Mozilla Firefox)
  • -ms-(IE 10 +)
  • -o- (Opera)

К сожалению, они пока не поддерживаются Safari.Они также не поддерживаются в IE 9 и ниже.По данным StatsCounter, по состоянию на 26 ноября 2012 года количество браузеров, которые его не поддерживают, составило бы около 34%.Это довольно большой запас, но он постоянно падает.

Лично я бы использовал изображение вместо шрифта прямо сейчас.34% чего-то - довольно большое количество.Если бы я делал покупки и нашел пирог, который не понравился 34% людей, которые его съели, я бы его не купил.

Однако, если вы действительно хотите использовать font-feature-settings, тогда я рекомендую эту статью от Font Deck или , эту , которая на самом деле функционирует.

Хотя кажется, что вы уже ответили на свой вопрос, я просто подумал, что я бы расширил эту тему.У sideshowbarker было несколько замечательных моментов, но я подумал, что им просто нужно кое-что прояснить (и если бы у меня было всего 15 репутаций, я бы проголосовал за тебя, братан!)

4 голосов
/ 10 января 2012

Материал font-feature-settings теперь фактически поддерживается в WebKit https://bugs.webkit.org/showdependencytree.cgi?id=63796&hide_resolved=1, но еще не в OSX https://bugs.webkit.org/show_bug.cgi?id=69826#c0

И теперь также в IE / Trident (предварительный просмотр платформы IE10).

Да, за то, что вы умеете делать настоящую типографику в Интернете.

...