0

@font-face を使用してカスタム フォントを使用しようとしていますが、何らかの理由で一部の場所では機能し、他の場所では機能しません。

CSS これは正常に動作します

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

これはしません

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

カスタム フォントを使用しているヒーロー エリアに注意してください。ただし、ページの下の方、つまりレビュー タイトルでは使用できません。

4

1 に答える 1

3

あなたのCSSは:

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

ただし、フォントは実際には にあり/beta/styles/css/fonts/Populaire.otfます。CSS を次のように更新してください。

@font-face {
    font-family: 'Populaire';
    src: url('/beta/styles/css/fonts/Populaire.otf');
}
于 2012-10-16T18:36:34.977 に答える