Skip to main content
CSS-Tricks
  • Articles
  • Videos
  • Almanac
  • Newsletter
  • Guides
  • Books
Search Account

Articles Tagged
google fonts

6 Articles
{
,

}
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 …

Avatar of Stephen Nixon
Stephen Nixon on Jul 30, 2020 (Updated on Aug 1, 2020)
Direct link to the article The Fastest Google Fonts
google fonts

The Fastest Google Fonts

Direct Link

When you use font-display: swap;, which Google Fonts does when you use the default &display=swap part of the URL , you’re already saying, “I’m cool with FOUT,” which is another way of saying web text is displayed …

Avatar of Chris Coyier
Shared by Chris Coyier on May 22, 2020
Direct link to the article How to Tame Line Height in CSS
google fonts line-height Sass typography

How to Tame Line Height in CSS

In CSS, line-height is probably one of the most misunderstood, yet commonly-used attributes. As designers and developers, when we think about line-height, we might think about the concept of leading from print design — a term, interestingly enough, that …

Avatar of Caleb Williams
Caleb Williams on May 15, 2020 (Updated on Jul 9, 2020)
Direct link to the article Material Theming: Making Material Your Own!
google google fonts material design

Material Theming: Making Material Your Own!

The web is a beautiful, expressive medium that’s evolved over time as trends and technology have changed. Moments of delight and flair are what set companies apart from one another. At the same time, today’s top products rely on scalable, …

Avatar of Una Kravets
Una Kravets on Jun 3, 2019
Direct link to the article Google Fonts is Adding font-display
font loading font-display google fonts

Google Fonts is Adding font-display

Direct Link

Google announced at I/O that their font service will now support the font-display property which resolves a number of web performance issues. If you’re hearing cries of joy, that’s probably Chris as he punches the air in celebration. He’s wanted …

Avatar of Robin Rendle
Shared by Robin Rendle on May 14, 2019 (Updated on May 17, 2019)
Direct link to the article Google Fonts and font-display
font loading font-display google fonts

Google Fonts and font-display

Hey! This whole article is about a time before May 2019 in which Google Fonts didn’t offer a way to use font-display without self-hosting the fonts.

To use font-display with Google Fonts, you include a URL parameter like &display=swap in …

Avatar of Chris Coyier
Chris Coyier on Dec 19, 2018 (Updated on Sep 19, 2019)
Our Learning Partner
Frontend Masters logo
Frontend Masters

Need front-end development training?

Frontend Masters is the best place to get it. They have courses on all the most important front-end technologies, from React to CSS, from Vue to D3, and beyond with Node.js and Full Stack.

CSS-Tricks is created by Chris and a team of swell people.

Keep up to date on web dev

with our hand-crafted weekly newsletter

Tech
  • WordPress (CMS)
  • Jetpack (Search, Backup)
  • WooCommerce (eCommerce)
  • Local (Development)
Hosting
  • Flywheel
Family
  • CodePen
  • ShopTalk Show
Minisites
  • The Power of Serverless
  • Upcoming Conferences
  • Coding Fonts
Contact
  • Email
  • Sponsorship Info
  • Guest Writing
Buy
  • Posters & Swag
  • Membership
Follow
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • GitHub
  • iTunes
  • RSS
Back to Top