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

Articles Tagged
typography

76 Articles
{
,

}
Direct link to the article On Type Patterns and Style Guides
style guides typography

On Type Patterns and Style Guides

Over the last six years or so, I’ve been using these things I’ve been calling “type patterns” in my web design work, and they’ve worked out pretty well for me. I’ll dig into what they are and how they can …

Avatar of Derek Wood
Derek Wood on Jan 19, 2021
Direct link to the article A font-display setting for slow connections
font-display performance typography

A font-display setting for slow connections

Direct Link

Me, I really dislike FOUT. I like that it’s an option, because not displaying text quickly on the web is no good. I know font-display: swap; is popular because it’s good for performance, but that FOUT stuff pains me. Matt …

Avatar of Chris Coyier
Shared by Chris Coyier on Dec 31, 2020
Direct link to the article ztext.js
3d SVG typography

ztext.js

Direct Link

Super cool project from Bennett Feely! It makes any web type into 3D lettering with a mouseover effect that moves the 3D objects in space. It’s reminiscent of Zdog, but for type. It works its magic by stacking a …

Avatar of Chris Coyier
Shared by Chris Coyier on Sep 22, 2020
Direct link to the article Leading-Trim: The Future of Digital Typesetting
leading-trim typography

Leading-Trim: The Future of Digital Typesetting

Direct Link

leading-trim is a suggested new CSS property that lets us remove the extra spacing in every font so that we can more predictably style text. Ethan Wang has written about it — including how Microsoft has advocated for it — …

Avatar of Robin Rendle
Shared by Robin Rendle on Aug 21, 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 …

Avatar of Stephen Nixon
Stephen Nixon on Jul 30, 2020 (Updated on Sep 18, 2021)
Direct link to the article Some Typography Links III
typography

Some Typography Links III

I just can’t stop opening excellent typography-related articles, which means I need to subject you to blog posts that round them up so I can clean up my open tabs.…

Avatar of Chris Coyier
Chris Coyier on Jun 25, 2020 (Updated on Aug 24, 2021)
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 typespecimens.io
typography

typespecimens.io

Direct Link

If you’re looking for a new typeface for that side project of yours then here’s a great website by John D. Jameson that collects a bunch of the latest type specimen websites. Everything is on display here, from the daring …

Avatar of Robin Rendle
Shared by Robin Rendle on Apr 2, 2020
Direct link to the article I Pressed ⌘B. You Wouldn’t Believe What Happened Next
figma typography

I Pressed ⌘B. You Wouldn’t Believe What Happened Next

Direct Link

This talk by Marcin Wichary is — beyond both enthusiastic and outstanding — all about the complexity of UI design, typography, and the lengths his team at Figma has gone to make sure that doing something as simple as selecting …

Avatar of Robin Rendle
Shared by Robin Rendle on Mar 9, 2020
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 Is it better to use ems/rems than px for font-size?
relative sizing typography

Is it better to use ems/rems than px for font-size?

Direct Link

The answer used to be absolutely yes because, if you used px units, you prevented the text from being resized by the user at all.

But browser zoom is the default method for making everything bigger (including text) these days …

Avatar of Chris Coyier
Shared by Chris Coyier on Jan 9, 2020
  • Newer
  • 1
  • ...
  • 2
  • 3
  • 4
  • ...
  • 7
  • Older

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