With the advent of web fonts, can’t a user see a site’s font even if those fonts aren’t installed on her computer?

Question

With the advent of web fonts, can’t a user see a site’s font even if those fonts aren’t installed on her computer?

Answer

Yes! As you will learn in unit 5, non user fonts are fonts which are stored remotely in publicly available directories. Even if a user does not have these fonts installed on her computer, she can use the @font-face property or the <link> element to link to them.

Google Fonts is a popular directory with thousands of free fonts.

30 Likes

I would love to see any example of @font-face

2 Likes

I would love to see any example of @font-face

Like these?

3 Likes

Can you please give an example of how to use @font-face property or “link” in a sample code to utilize those public fonts?
Thanks.

Maybe this will help:

1 Like

The video at the end of Review Visual Rules (end of this section) provides an example on how to use Google Fonts for our projects. Skip to to min 5:38, Google Fonts, select the font by hitting the plus sign to the top right of the font. This provided both the link to add to the HTML file as well as the CSS declaration for our CSS file.

Inside style.css, add the font family of the main heading ( h1 ) and subheading ( h2 ) to Georgia .

This could be the most confusing sentence. Could this not have been typed as:

Inside style.css, add the font family: Georgia; to the main heading ( h1 ) and subheading ( h2).