OpenType

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

Оглавление:
  1. font-feature-settings
  2. Определить поддержку возможностей шрифта
  3. Поддержка браузерами
  4. Заключение

Например, возможности OpenType встроенные в шрифт Gabriola, с помощью CSS3 позволяет отобразить следующий вид шрифта:

Строка текста шрифта Gabriola без стилистические прикладных наборов
Шрифт Gabriola без стилистические прикладных наборов
Строка текста шрифта Gabriola с применением стилистического набора
Шрифт Gabriola с стилистическими прикладными наборами

Последние обновление модуля CSS3 Fonts содержат новый набор свойств, предоставляющие доступ к возможностям OpenType в CSS. Эти свойства можно объединить в две широкие категории:

  • Явное сопоставление распространенных возможностей OpenType определенных свойством и значением. Например, font-kerning:normal применяет регулировку пар кернинга, закодированных в шрифте, а font-variant-numeric: tabular-nums позволяет использовать табличные цифры.
  • Свойство font-feature-settings обеспечивает доступ на низком уровне ко всем возможностям OpenType, которые поддерживаются шрифтом. Оно представляет собой «запасной выход» для доступа к дополнительным параметрам в ранее распространенных ситуациях.
К началу

font-feature-settings

В браузере Internet Explorer 10 реализована поддержка свойств CSS font-feature-settings. Таким образом, приведенный выше пример со шрифтом Gabriola можно написать следующим образом:

p#demo {
font-family: Gabriola, cursive;
font-size: 24pt;
-ms-font-feature-settings: "ss06" 1;
}

Свойство -ms-font-feature-settings включает стилистический набор (ss06), поддерживаемый шрифтом Gabriola. Свойство может принимать значение normal (нет изменений в выборе или позиционировании глифов) или список компонентов, разделенных запятыми. Каждый компонент содержит тег OpenType и значение из четырех символов. В примере, приведенном выше, ss06 — тег компонента OpenType для стилистического набора 6. Задаем для этого компонента значение 1, чтобы включить его.

Список возможных тегов OpenType. Вот некоторые из наиболее популярных:

Тег OpenType ВОЗМОЖНОСТИ
kern Кернинг
liga Стандартные лигатуры
dlig Лигатуры
smcp Малые прописные
subs Регистр
sups Верхний регистр
swsh Каллиграфические символы
ss01, ss02, …, ss20 Стилистические наборы 1-20

Более широко распространены значения on (включения) и off (выключения). Значения off или равные нулю, отключают компонент. Значение on или любое другое положительное число активирует компонент. Для некоторых компонентов целое число предоставляет доступ к нескольким вариантам. Это справедливо для декоративных элементов swsh. Если для компонента не указано значение, по умолчанию используется значение 1. Таким образом, все следующие объявления эквивалентны примеру со шрифтом Gabriola:

-ms-font-feature-settings: "ss06" 1;
-ms-font-feature-settings: "ss06" on;
-ms-font-feature-settings: "ss06";
К началу

Определить поддержку возможностей шрифта

Программы дизайна такие как Adobe InDesign и Illustrator, предоставляют доступ к возможностям OpenType с помощью удобных меню и диалоговых окон, текстовые редакторы такие как Word, поддерживают их в диалоговом окне выбор шрифта, создатели шрифтов часто указывают какие возможности поддерживают их шрифты.

Поддержка браузерами

Свойство font-feature-settings на данный момент поддерживается Firefox 4 + , Internet Explorer 10 +. Обратите внимание, поскольку в Firefox и Internet Explorer реализованы различные версии этого свойства, значение синтаксиса который они реализуют, отличается. Например, для включения кернинга для обоих браузеров необходимо написать префиксы и значения:

-ms-font-feature-settings: "kern" 1;
-moz-font-feature-setting: "kern=1";

Стандартизация CSS3 Fonts со свойством font-feature-setttings и другие удобные свойства и значения, определенные в этом модуле будут больше поддерживаться браузерами.

Обратите также внимание на то, что это свойство применяется ко всем семействам шрифтов как к веб-шрифтам, подключенных с помощью правил @font-face, так и к локальным шрифтам, которые выбираются по названию.

Таблица поддержки браузерами: “OpenType”

К началу

Заключение

Вам не требуются особые шрифты для просмотра этой демонстраций. В операционной системе Windows 7 содержится ряд шрифтов с поддержкой шрифтов OpenType, в том числе Calibri, Cambria, Consolas, Gabriola и Palatino Linotype. В Windows 8 Developer Preview добавлены возможности OpenType в Segoe UI и веб-шрифты Arial, Verdana, Georgia, Times New Roman, Comic Sans, Trebuchet.