Как я могу вызвать символы'Swash'/' Stylistic Set ' из шрифта OpenType в HTML?

Я сейчас работаю над проектом, который в шрифте OpenType имеет несколько вариантов одного и того же символа. Все символы имеют одинаковый идентификатор Unicode, но имеют разные номера GID и некоторые другие ссылки, такие как Swash или Stylistic SetXX (ss01) (нашел эту информацию в indesign). Есть ли способ использовать эти символы в HTML-документе?

пример: J (нормальный), J (с размытием скорости), J (из цепочек), все имеют идентификатор unicode: 004A, но имеют значения GID 43, 206 и 233 соответственно.

8
css3 fonts html5 opentype xhtml

2 ответов

font-variant-alternates-это то, что вы хотите:http://www.w3.org/TR/css3-fonts/#font-variant-alternates-prop

Я не знаю, насколько широко он поддерживается, и держу пари, что это не в IE.

эта страница показывает поддержку OTF в целом:http://caniuse.com/#feat=ttf; неясно, является ли полная поддержка действительно полной в этом смысле.

демонстрации поддержки Firefox и IE: http://ie.microsoft.com/testdrive/Graphics/opentype/opentype-fontfont/index.html

2

Я не слышал о font-variant-alternates, но я знаю, что Firefox 4 и выше поддержка -moz-font-feature-settings, что позволяет применять функции OpenType через CSS.

пример кода из Mozilla хаки блог сообщение на moz-font-feature-settings:

.altstyles {
    /* format: feature-tag=[0,1] with 0 to disable, 1 to enable */
    /* dlig = discretionary ligatures, ss01 = stylistic set 1 */
    -moz-font-feature-settings: "dlig=1,ss01=1";
}

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

8