Font Face is Not appearing

Question

I am using the Skeleton Grid System and I followed the directions commented out in the layout.css file provided in the grid files to change the global font face of my pages. The issue that I am finding is that it is not overwriting the base.css file font face.

Here are the changes I made in the layout.css file:

And I added the folder "fonts" to the root directory:

When I run the page locally, the base.css file font appears:

Do I need to just overwrite the base.css file?

Answer 1

@font-face simply declares which fonts you want to use. To actually apply web fonts do something like.

body {
    font-family: 'HouschaAlt', helvetica, sans-serif;
}

I assume this definition needs to go in your base.css file.