Notes

Font Pairing – Some Helpful Links

It is not easy to find the right combination of fonts that are harmonising and have the right balance to each other. Sometimes your chosen headline font is too bold for the soft and fragile body text font, sometimes they are not matching in their character or the tones of a font are not working together. There are many reasons why combinations won’t work. Well, here are a few articles that might help you finding the right pairing.

Pimp My Type

Oliver Schöndorfer has started Pimp My Type not too long ago, but already built a good resource when it comes to useful and handy tipps and tricks for your work with fonts and typography. Next to the website, he has started a YouTube channel with short, entertaining and educating videos.

In this article and this video Oliver gives you three tipps to get your font pairing right.

Webflow Blog

This article Jeff Cardello also gives you a good number of tipps to find the right combination for your website. Next to writing about how to experiment with different weights and tones or playing with the contrast between fonts, he gives you visual examples as an inspiration.

Creative Bloq

Ruth Hamilton has written a long article about font pairing for the Creative Bloq with many examples for different use cases.

Frank Bueltge

Frank has collected a good amount of examples for font combinations he likes. A good visual resource either.


In general I can only recommend to not necessarily stick with your first choice of fonts, but compare your choices side by side. Not only consider how they harmonise, but first of all, what you use them for! If you have you favourite pairing, then maybe put is aside and have a new and fresh look when you had a night of sleep. Also consider testing them on different devices and screens of different formats and resolutions – if you use them on a website and not in print. Whether you use a free font or one that you have to buy does not really matter. There are many high quality free fonts available these days. But if you decide to use a font you need to buy, then please DO BUY the font and don’t ask friends if they have a copy of that font!

⇾ Practical Uses of CSS Math Functions: calc, clamp, min, max (Stephanie Eckles)

permalink

Another very handy article by Stephanie Eckles. This time she teaches us about four well-supported math functions – calc, clamp, min, max

⇾ Visit: Practical Uses of CSS Math Functions: calc, clamp, min, max (Stephanie Eckles)

⇾ Wickedbackgrounds – a Generator for SVG Backgrounds

Once more a handy tool to quickly generate SVG graphics. This time to create SVGs to be used as background for example. By Gabriel Perales and Michael Andreuzza

⇾ Visit: Wickedbackgrounds – a Generator for SVG Backgrounds

⇾ SmolCSS Snippets by Stephanie Eckles

permalink

SmolCSS are minimal snippets for modern CSS layouts and components by Stephanie Eckles. Very handy!

⇾ Visit: SmolCSS Snippets by Stephanie Eckles

⇾ From A Colourblind Designer To The World: Please Stop Using Red And Green Together

Andrew Wilshere explains what red and green colorblindness is, how it affects him and how to find solutions for your websites to make it more accessible for people with “deuteranopia”.

⇾ Visit: From A Colourblind Designer To The World: Please Stop Using Red And Green Together

Pocket Casts Acquired by Automattic

We've got some really exciting news we'd like to share with you - Pocket Casts is joining Automattic, the incredible company behind WordPress.com, Tumblr, WooCommerce, and other fantastic products.

Last night I got an email from Pocket Casts about that they’re excited to be acquired by Automattic. I remember the one blog post by Jeremy Keith about “how excited companies are about getting bought” (I can’t find it right now). And I have to admit, the second I read about Pocket Casts acquisition, I somehow had a bad feeling. Not because Automattic is a _bad company, but too often I have companies, apps and services dying or at least having worse service or none at all anymore. I could mention many examples here. But as Moritz Gießman stated on Twitter, last time when Automattic bought Gravatar the service stayed more or less as it was before.

What is your experience with this? Join the conversation here.


Update 20 July 2021: Pocket Casts replied to me on Twitter stating …

“@marcthiele no plans to shut it down, just make it bigger and better. Welcome aboard!”

And later …

“ @marcthiele well we have some experience with this already. We've been on the team since 2010, and already were purchased in 2018 by US public radio. I get the healthy skepticism but I feel like there's more nuance here than just a blanket rule for what getting bought means :)”

⇾ An Interactive Guide to CSS Transitions (Josh W Comeau)

This tutorial is meant to be accessible to developers of all experience levels. It can be thought of as “CSS transitions 101”. That said, I’ve sprinkled in some interesting and obscure tidbits — no matter your experience level, I bet you’ll learn something!

What I really like with this guide is, how many examples it holds to see and understand the things josh is explaining. Very nice.

⇾ Visit: An Interactive Guide to CSS Transitions (Josh W Comeau)

⇾ The New Version of Alfred App is Coming With Universal Actions

permalink

Alfred 4.5 brings a new Powerpack feature; Universal Actions. Take any text, URLs or files and perform actions on them from anywhere within Alfred or on your Mac using your Universal Action hotkey.

Right now it is still in beta, but you can install this beta to test it, if you like. Simply follow the link …

⇾ Visit: The New Version of Alfred App is Coming With Universal Actions

⇾ I Love Typography – Now With Shop

I Love Typography, known for it’s great blog about type related topics, now has a shop as well. On Twitter they stated they launched with 40 foundries and 7000 fonts. Plus some of the world’s best designers are launching 15 new typefaces with them to celebrate the opening.

⇾ Visit: I Love Typography – Now With Shop

⇾ Sans Bullshit Sans

How could I have missed that?! Sans Bullshit Sans, a font that replaces every buzzword by a Comic Sans-styled censorship bar. By Roel Nieskens.

Sans Bullshit Sans is an experimental font using the power of ligatures to turn bullshit language into bullshit images.

Mark Boulton just re-tweeted a tweet about it and I love it!

⇾ Visit: Sans Bullshit Sans