WebFont не будет отображаться

0

Поэтому я хотел бы установить шрифт для моего веб-сайта, и поэтому я создал файл 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 {один раз, когда я их отделил, работал как шарм

  • 0
    по-видимому, все в порядке ... URL-адреса верны?
  • 0
    Шрифты расположены в этом месте?
Показать ещё 4 комментария
Теги:
fonts

3 ответа

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

Поскольку я использовал 2 шрифта, я забыл использовать два отдельных @font-face {один раз, когда я их отделил, работал как шарм

0

Проверьте консоль разработчика браузера. Ответ есть. Кроме того, путь относится к вашему файлу css, а не к вашему html. И шрифт-вес здесь не нужен.

  • 0
    убрал вес, путь работает отлично для других шрифтов, только этот ... 4 всплывающих окна предупреждения, ни один, связанный с этим файлом CSS
0

то, что вы здесь создаете, это шрифт для веса = 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;
}
  • 0
    я пытался и ... не повезло :(

Ещё вопросы

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