Archive for the ‘typography’ Category

Deep dive CSS: font metrics, line-height and vertical-align

Posted on: No Comments
Vincent De Oliveira has written an epic post that details pretty much everything you might ever want to know about the line-height and vertical-align properties. If you’ve ever had trouble aligning things next to text or wondered why two fonts look s...

Design Your Content Typography First (and a Look at Type Nugget)

Posted on: No Comments
How often have you seen a "completed" site that still has lorem ipsum text lurking in the quiet corners? While we often strive for perfection in our designs and code, I am reminded every time I stumble across a garbled bit of lorem ipsum that not all a...

Has the Internet Killed Curly Quotes?

Posted on: No Comments
Glenn Fleishman: At an increasing number of publications, [curly quotes have] been ironed straight. This may stem from a lack of awareness on the part of website designers or from the difficulty in a content-management system (CMS) getting the curl dir...

That Fluid Type Stuff Again

Posted on: No Comments
There have been a couple of articles lately regarding fluid type. Matt Smith (calling it "flexible type"): My preferred approach for more flexible type is to calculate the font size based on the viewport height and width using the :root selector Richa...

Sentence Length Colorization

Posted on: No Comments
I think I had the same wooahhhhh coool reaction as so many others did when this tweet was going around: The art of sentence length. Swoon pic.twitter.com/K91GEZTnKm — Lucy Foulkes (@lfoulkesy) March 30, 2016 Certainly, good writing is more than...

Inspiration for Letter Effects

View demo Download source Today we’d like to share some inspiration for letter effects with you. We wanted to explore some simple, creative animations for display typography and large headlines using anime.js. These kind of animations can really...

Methods for Controlling Spacing in Web Typography

Posted on: No Comments
If you were developing sites in 2006, then you may have worked with a designer like me who was all up in your business about fonts not looking exactly the same in the browser as they did in mockups. Then you may have tried explaining to me the pains of...