This sample demonstrates the use of the CSS 'font-feature-settings' property to access a stylistic set built into the Gabriola font on Windows.
The font-feature-settings property, defined in Section 6.12 of the World Wide Web Consortium (W3C)'s CSS Fonts Module Level 3 specification, enables you to specify glyph substitution and positioning in fonts that include Microsoft OpenType layout features.
To use OpenType layout features, you must first be using a font that has one or more features included, like the Gabriola font on Windows. For more information about enabling advanced type design, including font linking and supported font formats, see How to Enhance Your Website's Type Design with CSS3 and CSS Corner: Using the Whole Font.
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
The Internet Explorer Samples Gallery contains a variety of code samples that demonstrate new features available in Internet Explorer. These downloadable samples are provided as compressed ZIP files that contain the HTML, JavaScript, CSS, and image resources for the sample, along with the license agreement and sample description metadata. After you’ve downloaded and unzipped the compressed files, the sample files can be found in the following location:
(unzipped folder)\HTML,JavaScript\Website \(Sample)
This sample is provided as-is in order to indicate or demonstrate the functionality of the feature APIs for Internet Explorer 10. We appreciate your comments and questions on this sample!
For download info, visit Internet Explorer downloads.