Setting Good Web Type Sesh – Sans Serif to Serif

This episode dives into converting a one-page site from a sans-serif font to a serif font. This episode captures an excellent exercise covering a ton of design principles in setting type.

Sans to Serif, what’s the big deal?

It’s a big deal, sometimes. Just switching typefaces, even if they are the same style, can yield re-set styles. Every typeface is different, even in minute details, making a world of difference in the bigger story your font is telling. Watch us first-hand make small adjustments to make our serif sing.

Line-height, size, and letter spacing

We tackle adjusting these divine attributes of our new friend Alegreya. The adjustments are small but make a world of difference!


We implement a CSS technique using ‘clamp’ to make our navigation type fluid for our header navigation. It’s a simple yet powerful tool that you could use throughout your typesetting.

Tools we used

Music Bumping In The Background

Get New Episode Updates!

You are signing up to be put on our not so frequent email newsletter. We will never sell or give away your info, ever.

Hey, thanks for sharing!

Share on facebook
Share on twitter
Share on pinterest
Share on linkedin
Share on reddit
Share on tumblr
Share on telegram
Share on whatsapp
Share on email