Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
- Weights and Styles 9:44
- Weights and Styles: Review 5 questions
- Font-Sizing: Px, Em, and Rem 5:20
- Font-Sizing: Px, Em, and Rem - Part 2 4:41
- Font-sizing: Review 6 questions
- Horizontal Space: Measure and Margins 4:44
- Horizontal Space: Review 5 questions
- Vertical Space: Line-Height and Vertical Rhythm 8:42
- Vertical Space: Review 5 questions

- 2x 2x
- 1.75x 1.75x
- 1.5x 1.5x
- 1.25x 1.25x
- 1.1x 1.1x
- 1x 1x
- 0.75x 0.75x
- 0.5x 0.5x
Properly choosing and setting up our font family’s weights and styles will make all the difference when displaying them on our site. Remember, faux is no way to go.
Open Sans on Font Squirrel
Open Sans on Google Fonts
Say No to Faux Bold, Alan Stearns
Avoiding Faux Weight and Styles with Google Web Fonts, Laura Franz
Setting Weights and Styles with the @fontface Declaration, Laura Franz
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up-
Silvia Ramos
Front End Web Development Techdegree Graduate 18,318 Points1 Answer
-
Ilya Kotlyar
2,258 Points1 Answer
-
Turgaj Ragimov
3,632 Points1 Answer
-
gene c
13,630 PointsWhat if I give a bold font a weight of 200? Or i give a normal font a weight of 800?
Posted by gene cgene c
13,630 Points1 Answer
-
Andre Kucharzyk
4,479 Points3 Answers
-
Benjamin Hedgepeth
5,672 Points2 Answers
-
Boonsuen Oh
18,788 Points1 Answer
View all discussions for this video
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
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