Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
font-variant

4 Articles
{
,

}
Direct link to the article Modifying Specific Letters with CSS and JavaScript
font-face font-variant nth-letter

Modifying Specific Letters with CSS and JavaScript

Changing specific characters can be a challenge in CSS. Often, we’re forced to implement our desired changes one-by-one in HTML, perhaps using the span element. But, in a few specific cases, a CSS-focused solution may still be possible. In this …

Bret Cameron on Sep 10, 2020
Direct link to the article Getting the Most Out of Variable Fonts on Google Fonts
font-variant google fonts typography variable fonts

Getting the Most Out of Variable Fonts on Google Fonts

I have spent the past several years working (alongside a bunch of super talented people) on a font family called Recursive Sans & Mono, and it just launched officially on Google Fonts!

Wanna try it out super fast? Here’s …

Stephen Nixon on Sep 18, 2021
Direct link to the article Understanding Web Fonts and Getting the Most Out of Them
font-face font-variant opentype variable fonts web fonts

Understanding Web Fonts and Getting the Most Out of Them

Using custom fonts is getting increasingly easier. We’ll cover the basics of usage here and get into the more in-depth features that are helpful for developers who want to level up and aim to perfect advanced concepts, like loading font files.

Thierry Blancpain on Oct 27, 2020
Direct link to the article font-variant-numeric
font-variant opentype variable fonts

font-variant-numeric

The font-variant-numeric property in CSS supports the OpenType font format by specifying which numeric glyphs to use on a class, including variations for fractions, ordinal markers and styled variations among others.…

Geoff Graham on Jul 1, 2020

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top