Asked

How do you choose which fonts and font sizes to use in your product website?


Maker making makers make - checkwise.io ☑️
Nachobase.com Get Gabbin' SCORE-O-MATIC

I've spent a lot of time thinking about this myself.

Here's what I've done in the past (for better or worse).

Browse around Google Fonts for hours looking for the perfect font for my brand, and ultimately just deciding on Open Sans or Lato.
Steal a font stack from another site that looks good. There's no shame in this; everything's a remix.
Use a system font stack. This is becoming very common these days. I believe Github, Medium, Wordpress all use this technique. Here's an article about system font stacks. css-tricks.com/snippets/css/s…

Personally, I would recommend option #3 for the body text of your site. Then, pick a heading font that closely aligns with your brand. Don't use more than two different fonts, and remember that content is king.

Maker making makers make - checkwise.io ☑️

Thanks Cody! Very useful answer. But, how would you "pick a heading font that closely aligns with your brand"? How have you approached this step in the past?

ps "everything is a remix" is probably my favorite sentence ever

Nachobase.com Get Gabbin' SCORE-O-MATIC

You might use the exact same font as your logo. Or, if your app is targeting casual users, then maybe choose rounded fonts. For trying to convey a sense of professionalism, then choose fonts that are more square. Does that help?

Maker making makers make - checkwise.io ☑️

That helps, thank you! :)

Maker making makers make - checkwise.io ☑️

Hey Cody, I've applied some of your tips here: checkwise.io/home-2
I've just submitted it to be roasted here in WIP. Thanks again for the advice!