Implementing the font family in the CSS


show more Implementing the font family in the CSS provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts show less
please wait ...

Implementing the font family in the CSS

We've already added the @font-face Syntax to our CSS. Now we need to tell the browsers that we're using these fonts in our page. We do this by setting the font-family. Go ahead and select and copy the MuseoSans500Regular font-family, down in our Universal Selector, we can add that along with a comma so that we have a font stack. Now, you'll notice that I copied and pasted, it's very important that this font-family match the font-family up here, and that's because the browsers know when they see the font-family down here that they should look for the Web font files associated with the font-family up here.

Let's go ahead and save this and view it in our browser. And it is not working, it is in Arial. I knew this would happen. I wanted to show you a very common problem. The reason why this is not working, let's go back into our editor here, is because our @font-face declaration is telling the browser to look for the fonts via this URL and it's looking directly...

Implementing the font family in the CSS
Video duration: 5m 29s 6h 52m Appropriate for all

Viewers:

Implementing the font family in the CSS provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts

Subjects:
Design Web
Author:
please wait ...