Поэтому я хотел бы установить шрифт для моего веб-сайта, и поэтому я создал файл core.css с этим кодом:
@font-face {
font-family: Bebas;
src: url('../fonts/bebas-webfont.ttf') format('truetype'),
url('../fonts/bebas-webfont.eot') format('embedded-opentype'),
url('../fonts/bebas-webfont.woff') format('woff'),
url('../fonts/bebas-webfont.svg') format('svg');
font-weight: 700;
}
body{
background: url('../images/bg_1.png')repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Bebas', serif;
}
Но он, похоже, не появляется... даже когда я пытаюсь <font face="bebas"></font>
... Я пробовал это с другим шрифтом, и он работал, я понятия не имею, что происходит на. Файлы шрифтов находятся в нужном месте.
РЕШЕНИЕ: Поскольку я использовал 2 шрифта, я забыл использовать два отдельных @font-face {один раз, когда я их отделил, работал как шарм
Поскольку я использовал 2 шрифта, я забыл использовать два отдельных @font-face {один раз, когда я их отделил, работал как шарм
Проверьте консоль разработчика браузера. Ответ есть. Кроме того, путь относится к вашему файлу css, а не к вашему html. И шрифт-вес здесь не нужен.
то, что вы здесь создаете, это шрифт для веса = 700. попробуйте добавить font-eweight: 700; к телу:
body{
background: url('../images/bg_1.png')repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-family: 'Bebas', serif;
font-weight:700;
}