Category: typography

`font-display` for the Masses

The following is a guest post by Jeremy Wagner, a web developer, author, and speaker living in the Twin Cities. He’s got a new book on web performance. Here we’re going to dig into a brand new CSS feature, that once it percolates through the browser ecosystem, will be great for performance. If you’re ...

Google Fonts Redesign

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 nicer font specimen pages with clearer examples, cool/nerdy data visualizations, and pairing recomme...

Typography Handbook(s)

I ran across this Typography Handbook the other day and thought it was very well done. It gets you right away by looking at two resumes and having your rather instinctively prefer the one with nice type, even though the information on them is exactly the same. Reminds me of how many other typographic “handbooks&...

Molten Leading in CSS

Dave and I started the latest ShopTalk Show with an audio clip from Tim Brown responding to some of our previous chatter regarding vertical rhythm (and such). Transcription here. It sparked another interesting conversation about these things. A small part of that was about Tim’s coined phrase “molten lead...

Fluid Typography

  Embracing fluid typography might be easier than you think. It has wide browser support, is simple to implement and can be achieved without losing control over many important aspects of design.Unlike responsive typography, which changes only at set breakpoints, fluid typography resizes smoothly to m...

Design Or Get Undesigned

  What would a page look like if it had no designer? This odd question occurred to me in the 1980s, while overseeing the transition from lead-based typesetting to computer-based phototypesetting of an Indian newspaper, The Patriot.Like many Indian newspapers then, The Patriot had no designer. Its ver...

What’s the deal with declaring font properties on @font-face?

I hope you read that title out loud in your best Seinfeld impression. A recent question in our forums made me aware that there are more properties that can be added to @font-face than the usual font-family and src suspects. What are the point of those? Why would you want to declare other font declarations there?IR...

Using Web Fonts at All: Point/Counterpoint

Adam Morse makes the case against webfonts:Typography is not about aesthetics, it’s about serving the text. If even a small percentage of people don’t consume your content due to a use of webfonts, your typography is failing. All this being said I care deeply about aesthetics, and I’ve found the fol...

Free Font Release: Yrsa And Rasa Available For Download

  Editor’s Note: Today we are pleased to feature the new and free font families Yrsa and Rasa by David Březina and Anna Giedryś and their story behind the design process.Yrsa and Rasa are two open-source type families published by Rosetta with generous financial support from Google. The fonts sup...

Use `rem` for Global Sizing; Use `em` for Local Sizing

Richard Rutter’s guide for setting the font-size of an element is interesting: he argues that we should use both em and rem units depending on the relationship it might have with other elements on the page:Take the example of a pull quote containing two short paragraphs. The spacing between the paragraphs will depe...