Я искал в Интернете, чтобы найти ответ на этот вопрос, но не смог найти его. В моем 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');}
Что не так? Или мне нужно добавить код?
Вы установили что font-family: Brandon Grotesque
?
Вы просто добавили свой шрифт к "доступным" шрифтам. Не сказал что-то использовать. Понимаю? Например, у вас есть 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.
Не забудьте указать имя шрифта в кавычках:
@font-face {font-family: "Brandon Grotesque";}
body{font-family: "Brandon Grotesque";}