@ font-face не работает в моем style.css

0

Я искал в Интернете, чтобы найти ответ на этот вопрос, но не смог найти его. В моем 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');}

Что не так? Или мне нужно добавить код?

Теги:
fonts

2 ответа

3
Лучший ответ

Вы установили что 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.

  • 1
    Да, я уже нашел решение, мой файл style.css не был в корневой папке, шрифт был. Вот почему это не работает.
  • 0
    Помните, если ответ помог вам, отметьте его как решение :)
Показать ещё 1 комментарий
0

Не забудьте указать имя шрифта в кавычках:

@font-face {font-family: "Brandon Grotesque";}

body{font-family: "Brandon Grotesque";}

Нужно ли обертывать кавычки именами шрифтов в CSS?

Ещё вопросы

Сообщество Overcoder
Наверх
Меню