A fun way to play around with the options in variable fonts.
This is very neat! Test out how Google Fonts will look on your website: type in your URL and away you go. Works well on mobile too.
Here’s an interesting twist on variable fonts: one of variable axes is serificity …serificousness …serifness. The serifs. The serifs, is what I’m trying to say.
One small point: it seems a bit of a shame that there are separate files for regular and italic—it would’ve been nice to have a variable axis for italicity …italicousness …ah, screw it.
A simple resource for finding and trying variable fonts.
Some lovely branding work for the UK Parliament, presented very nicely.
A handy browser-based tool for examining font files to see which features they support.
You’ll need to be comfortable with using the command line, but this is a very useful font subsetting tool from those clever folks at Filament Group.
Rob walks us through the typographic choices for his recent redesign:
Most of what I design that incorporates type has a typographic scale as its foundation, which informs the typeface choices and layout proportions. The process of creating that scale begins by asking what the type needs to do, and what role contrasting sizes will play in that.
A blog dedicated to documenting the letterforms on display in Berlin.
A single page showing all the weights available from Google fonts at a glance.
The missing font generator for Mac OS X.
Very handy for subsetting fonts for the web. It doesn’t (yet) export WOFF2 unfortunately.
Many of the free fonts available from Google are pretty bad, but this site showcases how some of them can be used to great effect.
A cute approach to pairing typefaces: treat it like a dating game.
A great overview of typography by Cameron Moll, talented designer and super-nice guy.