Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Typography for Designers!
You have completed Typography for Designers!
Preview
Variable fonts have dynamic axes, such as Weight, Width, Optical Size, Italic, and Slant. Let's explore!
Resources
- Fluid Type, Trent Walton
- Responsive Web Typography, Elliot Jay Stocks
- FitText.js
- v-fonts.com a resource for finding and trying variable fonts
- axis-praxis.org variable font playground
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
A variable font is a single font file
that behaves like multiple fonts.
0:00
This is done with axes that can be
adjusted to change aspects of the font.
0:01
Common axes include weight, width,
optical sizer, metallic, and slant.
0:06
A variable font can have a single axis or
multiple axes.
0:13
Consolidating multiple fonts into
one has performance advantage,
0:18
as the file size is smaller and
more efficient.
0:22
It also allows for more variations and
type styles dynamically on the screen.
0:25
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up