Skip to Content
Learn
CSS Typography
Font-Face II

We can then use the fonts in the stylesheets as you would use any other font. Let’s practice loading an external font in our stylesheets using the @font-face property, and using the font to style our page.

Instructions

1.

In index.html remove the link to the Space Mono font that you added in the previous exercise.

2.

Now, add this same font to style.css using the @font-face rules labeled latin.

Recall that in order to do this, we use the same CSS rules returned in the browser for the Space Mono font, and copy the latin @font-face rules to the top of the stylesheet.

If you need help retrieving the link for the appropriate font, click here.

Once you add the font, you’ll notice that the elements styled in the Space Mono font retain the correct font styling.

Folder Icon

Take this course for free

Already have an account?