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

Articles Tagged
fonts

11 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 Actually, the San Francisco Typeface Does Ship as a Variable Font
apple fonts variable fonts

Actually, the San Francisco Typeface Does Ship as a Variable Font

Direct Link

Apple unveiled an expanded version of its San Francisco system font at WWDC 2022. Then, last month, Jim Nielsen zeroed in on the font’s variations, explaining how the font provides a spectrum of variations based on the width and weight…

Avatar of Geoff Graham
Shared by Geoff Graham on Aug 4, 2022
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 The CSS from-font Value Explained in 4 Demos
fonts text-decoration

The CSS from-font Value Explained in 4 Demos

I was doing my Advent of UI Components, and I stumbled upon the from-font value for the text-decoration-thickness CSS property. I was curious about it, so I did a little research and I think what I found (and learned) …

Avatar of Silvestar Bistrović
Silvestar Bistrović on Jan 28, 2022 (Updated on Jan 31, 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 Just Dropping Some Type Links
fonts typography

Just Dropping Some Type Links

I’ve had a bunch of tabs open that just so happen to all be related to typography, so I figured I’d give myself the mental release of closing them by blogging them. How’s that for a blog post format for …

Avatar of Chris Coyier
Chris Coyier on Mar 3, 2020 (Updated on Mar 6, 2020)
Direct link to the article Using Custom Fonts With SVG in an Image Tag
fonts performance SVG

Using Custom Fonts With SVG in an Image Tag

When we produce a PNG image, we use an <img /> tag or a CSS background, and that’s about it. It is dead simple and guaranteed to work.…

Avatar of Thomas Yip
Thomas Yip on Jun 21, 2018 (Updated on Mar 3, 2019)
Direct link to the article Don’t just copy the @font-face out of Google Fonts URLs
font-face fonts typography web fonts

Don’t just copy the @font-face out of Google Fonts URLs

I don’t think this is an epidemic or anything, but I’ve seen it done a few times and even advocated for. This is what I mean……

Avatar of Chris Coyier
Chris Coyier on Jun 19, 2018
Direct link to the article IBM Plex
fonts typefaces

IBM Plex

Direct Link

Here’s a free new font for IBM Plex, a family of typefaces by the iconic company of the same name. It’s on Google Fonts if you want to use it.

And we’re talking about a multifaceted font. It touts having:…

Avatar of Robin Rendle
Shared by Robin Rendle on Apr 2, 2018
fonts google typography

Google Fonts Redesign

Direct Link

It’s a big redesign of a site I’m sure all of use have visited many, many times. It even resides on a new subdomain: fonts.google.com.

Live typing samples in the search index for the win! There are also much …

Avatar of Geoff Graham
Shared by Geoff Graham on Jun 15, 2016
fonts politics

Web Fonts for President 2016

Direct Link

Zach Leatherman digs under the cover of the presidential candidates’ websites and reveals that font loading is a nuanced and complicated business:

Using a web font service doesn’t necessarily mean that your web site will use best practices. We must

…
Avatar of Robin Rendle
Shared by Robin Rendle on May 5, 2016

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