OpenType features

Description

This sample demonstrates how to use the font-feature-settings property to access a stylistic set built into the Gabriola font on Windows.

Code

.default {
        font-family: Gabriola;
        font-size: 32pt;
    }
#opentype {
    -moz-font-feature-settings: "ss06=1";
    -ms-font-feature-settings: "ss06" 1;
    -webkit-font-feature-settings: "ss06" 1;
    -o-font-feature-settings: "ss06" 1;
}

Result

This Quick Brown Fox does not have OpenType features.

This Quick Brown Fox uses Gabriola's stylistic set 6.

See also

Reference

-ms-font-feature-settings

Conceptual

Internet Explorer 10 Developer Guide: CSS Fonts
How to Enhance Your Website's Type Design with CSS3

Internet Explorer Test Drive

Use The Whole Font

IEBlog

CSS Corner: Using the Whole Font

Internet Explorer Testing Center

CSS Fonts