CODEWITHSUNDEEP
htmlcssfont-face
Rob
Rob

Reputation: 1495

using @font-face

Im trying to use a custom font using @font-face and for some reason its working on some places and not in others.

CSS This works fine

#hero-header .title {
    color: #fff;
    padding-top: 225px;
    font-size: 30px;
    font-family: 'Populaire';
    text-align: center;
    font-size: 64px;
    }

This doesn't

ul#reviews h2 {
    font-size: 30px;
    font-family: 'Populaire';
    }

Notice the Hero area using a custom font but unable to use it further down the page, ie: the review titles.

Upvotes: 0

Views: 210

Answers (1)

A.M.K
A.M.K

Reputation: 16795

Your CSS is: 

@font-face {
    font-family: 'Populaire';
    src: url('font/Populaire.otf');
}

But, the font is actually in /beta/styles/css/fonts/Populaire.otf, please update your CSS to:

@font-face {
    font-family: 'Populaire';
    src: url('/beta/styles/css/fonts/Populaire.otf');
}

Upvotes: 3

Related Questions