Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design Typography for Designers Going Further with Type Variable Fonts

Gregory Livingston
Gregory Livingston
876 Points

Are variable fonts faux weight/style?

The Font Weights, Styles, and Sizes video advises against using weights and styles that are programmatically generated. However, that seems to be exactly what the Variable Fonts video is demonstrating.

So, is there something I misunderstood about faux weights/styles that does not apply to variable fonts? Or, is it more like: you can use faux weights, but you should be careful about it?

Anyway. Thanks for your help!

2 Answers

Daniel Montgomery
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree seal-36
Daniel Montgomery
Treehouse Staff

Hey Gregory Livingston,

While you're using the software/browser to manipulate the variable fonts, they were still designed by typography designers to have these different styling options and varied looks. Whereas faux fonts are simply made bolder or italic by digitally recreating that, thus not producing a true version of the font that looks natural to the eye.

Gregory Livingston
Gregory Livingston
876 Points

I understand, I think that was a bit of nuance I didn't get. Makes sense to me now, thanks!

Hi Gregory!

Variable fonts are a new technology and are not necessarily supported by all modern browsers.

Yes, I believe they have their place, but should be used with caution.

More info:

https://www.digitalocean.com/community/tutorials/css-variable-fonts

https://github.com/Fyrd/caniuse/issues/4010

I hope that helps.

Stay safe and happy coding!

Gregory Livingston
Gregory Livingston
876 Points

Got it. Thank you for the clarification and links!