Guidelines

What are font-feature-settings?

What are font-feature-settings?

The font-feature-settings property gets or sets one or more values that specify glyph substitution (special font characters such as ligatures and figures) and positioning in fonts that include OpenType layout features.

What is font-feature-settings in CSS?

The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.

What is a font feature?

Font features are a way to enable advanced text styles and effects as designed by the font author. A font may support a number of features: some examples include different kinds of ligatures, tabular numbers, or small caps.

What is OpenType feature?

The OpenType format is an extension of the TrueType SFNT format that also can support Adobe® PostScript® font data and new typographic features. OpenType fonts containing PostScript data, such as those in the Adobe Type Library, have an . otf suffix in the font file name, while TrueType-based OpenType fonts have a .

What is font stretch?

The font-stretch property allows you to make text narrower (condensed) or wider (expanded). Note: Some fonts provide additional faces; condensed faces and expanded faces. For these fonts, you can use the font-stretch property to selct a normal, condensed, or expanded font face.

What is a lining font?

Lining figures (also called aligning, cap, or modern figures) approximate capital letters in that they are uniform in height, and generally align with the baseline and the cap height. In some traditional typefaces, certain numerals extend slightly above and/or below the baseline and/or the cap height.

How do I use OpenType font in Word?

Enable OpenType Features in Microsoft Word To access OpenType features in Word, select the text and choose Format > Font then in the dialog box that appears go to the Advanced tab and choose a Stylistic set from the dropdown or enable Contextual Alternates.

How do I use OpenType features?

What is the font feature settings property in CSS?

The font-feature-settings property allows control over advanced typographic features in OpenType fonts. The numbers in the table specify the first browser version that fully supports the property. Numbers followed by -webkit- or -moz- specify the first version that worked with a prefix.

Do you need JavaScript to use font feature settings?

This Pen doesn’t use any external JavaScript resources. This is a list of every value that is supported by font-feature-settings, but make sure to check the web font that you’re using supports these values too before trying them: To add multiple features you need to follow one value by another in a comma separated list, like so:

Are there any fonts that support OpenType features?

Featured fonts listed below are hand-picked with high quality. If you find some cool fonts with specific OpenType features support or want to add missing OpenType features, feel free to contribute it on GitHub.

Which is CSS property controls advanced typographic features?

The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.