Explain the new spec for CSS' font-variant property like I'm five

#css #explainlikeimfive #styles #discuss

Top comments (3)

The old font-variant from CSS 2 only allowed you to have text with lower case capitals. The new one in CSS 3 also allows you to activate OpenType features on fonts. The font has to include support for the feature for it to work.

From the spec

... the ‘font-variant’ property has been expanded for CSS3. It now functions as a shorthand for a set of properties that provide control over stylistic font features.

Nicolás J. Engler • Oct 6 '17

Thought so, but initially I believed that the possibilities would be all the same for every font family independently of the OpenType features available for the typeface itself. I guess the next question should be "Explain OpenType features like I'm five", just kidding! 😂

Thanks a ton!

Kasey Speakman • Oct 6 '17 • Edited

The OpenType features I linked above visually shows what different features do if the fonts support them.

typofonderie.com/font-support/open...

DEV Community

Explain the new spec for CSS' font-variant property like I'm five

Top comments (3)

Read next

Getting the record containing the maximum value of a specified field #eg57

Subscribe form using HTML and CSS

Anthropic releases "Computer Use"

Designer-Developer Collaboration: 2024 Survey Results