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

Articles Tagged
google fonts

9 Articles
{
,

}
Direct link to the article Managing Fonts in WordPress Block Themes
fonts google fonts WordPress

Managing Fonts in WordPress Block Themes

Fonts are a defining characteristic of the design of any site. That includes WordPress themes, where it’s common for theme developers to integrate a service like Google Fonts into the WordPress Customizer settings for a “classic” PHP-based theme. That hasn’t …

Avatar of Ganesh Dahal
Ganesh Dahal on Mar 6, 2023
Direct link to the article Bunny Fonts
fonts google fonts privacy web fonts

Bunny Fonts

Direct Link

Bunny Fonts bills itself as the “privacy-first web font platform designed to put privacy back into the internet.” According to its FAQ:

With a zero-tracking and no-logging policy, Bunny Fonts helps you stay fully GDPR compliant and puts your user’s

…
Avatar of Geoff Graham
Shared by Geoff Graham on Jun 30, 2022 (Updated on Jul 1, 2022)
Direct link to the article Some Typography Links IV
font-size fonts google fonts typography

Some Typography Links IV

These are a few great links about typography that have been burning a hole in my saved bookmarks folder that I'm just now getting around to sharing. There's good stuff in there, from how to choose typefaces for app design to ideas for how to fix the concept of font sizing in CSS.
Avatar of Chris Coyier
Chris Coyier on May 7, 2021 (Updated on Aug 24, 2021)
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 Sep 18, 2021)
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 (Updated on Feb 7, 2022)
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 Apr 12, 2021)

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
  • Agency Coaching
  • Free Credit Offer
CSS-Tricks
  • Email
  • Guest Writing
  • Book
  • Advertising
Follow
  • Mastodon
  • Twitter
  • Instagram
  • YouTube
  • CodePen
  • iTunes
  • RSS
Back to Top