corenominal

Full stack web developer, interested in all the things, but especially the web, code, design, Linux, OS X, PHP, WordPress, JavaScript & robots.

Tagged: typography

Font style matcher image/svg+xml

If you’re using a web font, you’re bound to see a flash of unstyled text (or FOUC), between the initial render of your websafe font and the webfont that you’ve chosen. This usually results in a jarring shift in layout, due to sizing discrepancies between the two fonts. To minimize this discrepancy, you can try to match the fallback font and the intended webfont’s x-heights and widths [1]. This tool helps you do exactly that.

Very nifty.

Stop Feeling Dumb About Pairing Fonts image/svg+xml

You know you need to pick typefaces that will work well together, but it seems like there’s a lot more to it than meets the eye, and you don’t have a year to get up to speed on the ins and outs of typography.

Relax! You don’t need to know all the rules. A few simple guidelines and basic type knowledge will have you making great type choices in no time.

If I can get away with it, I tend to opt for a single font family in my designs. I’m not sure if that’s because I’m terrible at pairing fonts, or because I’m indecisive, or because I just prefer the simplicity/minimalism of a single font. Anyhow, this is a nice guide to font pairing.

Free Fonts With Personality image/svg+xml

Typography can make all the difference. However, if your project has to get along on a very limited budget and you need to rely on free fonts, good ones are never easy to find. Luckily, we stumbled across some real gems lately. The following fonts can be downloaded for free and are bound to give your project — both private and/or commercial — a classy finishing touch.

A good collection of free fonts. Butler is particularly nice.

Designers’ favorite typefaces image/svg+xml

Nothing stirs up a more impassioned debate with designers than asking them to choose their favorite typeface. So this week, we forced a handful of creatives in the InVision community to make that tough decision.

And no lorem ipsum here! They’ve written their favorite word — which, for many, is a breakfast food — using their chosen typeface.

I love these typeface lists, but they make me feel a little guilty for not using a more adventurous font on this site :/