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 Web Typography!
You have completed Web Typography!
Preview
Choosing a font size can make or break the readability of your webpage. We’ll talk about some general rules of thumb to go by and utilizing a typographic scale.
Video Correction
-
1.25rem =
20px
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
element like an em, Rems are relative to
the route em, set to the html.
0:00
As mentioned before, the common default
font size for browsers is 16 pixels.
0:03
So in this case, one Rem will always equal
16 pixels.
0:08
Instead of being relative to a parent
class, or element.
0:12
In our example, let's use rems, or root
ems, instead of ems.
0:15
We know that 16 pixels is the browser
default, so
0:20
here, 1.25 rem will be equal to 24 pixels.
0:23
Then we can set our h1 at 3 rem, which
will be equal to 48 pixels.
0:29
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