我试图使用@ 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';
}
注意Hero区域使用自定义字体但无法在页面下方使用它,即:评论标题。
答案 0 :(得分: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');
}