Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • DigitalOcean
  • DO Community
Search

Articles Tagged
font-family

3 Articles
{
,

}
Direct link to the article CSS Basics: Fallback Font Stacks for More Robust Web Typography
css basics font font-family

CSS Basics: Fallback Font Stacks for More Robust Web Typography

In CSS, you might see a ruleset like this:

html {
  font-family: Lato, "Lucida Grande", Tahoma, Sans-Serif;
}

What the heck, right? Why don’t I just tell it what font I want to use and that’s that? The whole idea …

Avatar of Chris Coyier
Chris Coyier on Feb 16, 2018 (Updated on Oct 23, 2020)
font-family system fonts

Implementing system fonts on Booking.com — A lesson learned

Direct Link

Stuart Frisby documents that you shouldn’t use the font shorthand when using a System Font Stack:

…don’t use -apple-system at the head of a shorthand font declaration, and test thoroughly, especially when playing around with proprietary stuff like system

…
Avatar of Robin Rendle
Shared by Robin Rendle on May 10, 2017
accessibility CSS font-display font-face font-family typography web fonts

`font-display` for the Masses

Updated on January 12, 2017: Proper support checks are now part of the article body. Added information about the block value. Minor tweaks and copy edits. Enjoy!

If you’re a regular reader here at CSS-Tricks, chances are good you know …

Avatar of Jeremy Wagner
Jeremy Wagner on Aug 19, 2016 (Updated on Nov 14, 2019)

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • DigitalOcean
  • DigitalOcean Community
  • About DigitalOcean
  • Legal
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top