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

What advice would you give your Junior self?

🌱 Modern CSS Tips & Tricks to Boost Your Workflow

Building a dynamic image grid with Svelte: implementing flip card transitions

How I show Bluesky likes on my blog posts