我一直在网上搜索这个问题的答案，但找不到答案。 在我的style.css中，我使用@ font-face在我的网站上使用了一种字体（我上传到我的网站服务器上）。 我做对了，我想是的，但字体仍然没有出现在网站上..
我在style.css中的代码：
@font-face { font-family: Brandon Grotesque; src: url('BGREG.otf'); }
@font-face { font-family: Brandon Grotesque; font-weight: bold; src: url('BGBOLD.otf');}
出了什么问题？或者我是否需要添加一些代码？
答案 0 :(得分：3)
您是否设置了font-family: Brandon Grotesque？
您刚刚将字体添加到＆＃34;可用＆＃34;字体。没有说出使用它的东西。了解？比如，你有Arial，Comic Sans，Tahoma。但要使用，你需要设置。
body{
font-family: Brandon Grotesque;
}
_
示例：
，其中
/
/ index.html
/ style
| style.css
| BGREG.otf
| BGBOLD.otf
<强> /index.html
<!DOCTYPE html>
<head>
<title>My title</title>
<link rel="stylesheet" type="text/css" href="style/style.css">
</head>
<body>
<p class="something-bold">Bold</p>
</body>
</html>
<强>风格/ style.css中
@font-face {
font-family: Brandon Grotesque;
src: url('BGREG.otf');
}
@font-face {
font-family: Brandon Grotesque;
font-weight: bold;
src: url('BGBOLD.otf');
}
body{
font-family: Brandon Grotesque;
}
.something-bold{
font-weight: bold;
}
尝试（：
您也可以从Google Fonts加载字体。通过脚本导入，通过导入css或JS轻松实现。