@ font-face не работает шрифт не меняется - PullRequest
Новая
       7

@ font-face не работает шрифт не меняется

2 голосов
/ 10 июля 2020

Все работает, кроме шрифта не меняется. Я не знаю, связана ли проблема с относительным путем к шрифту или с моим синтаксисом или сценарием. Структура папок

Мой Html код: 

<head>
<link rel="stylesheet" type="text/css"  href="styles/mystyle.css">
</head>
<body>
<div class="text">
      <h1>lorem ipsum.</h1>
      <p>Consectetur adipiscing elit.
      Nulla condimentum tortor sem,
      in semper nisl bibendum eu.</p>
    </div>
</body>

/* My css code: */

@font-face 
{
  font-family: "myFirstFont";
  src: url(test-site\fonts\Gotham-Book.otf) format('opentype');
}

.text p
{
  font-size:1vw;
  font-family:myFirstFont;
  color:#f2f2f2;
}

1 Ответ

0 голосов
/ 10 июля 2020

Замените обратную косую черту sh (\) в URL-адресе шрифта либо двумя обратными косыми чертами (\\), либо одним прямым слэшем sh (/).

Если вы используете один backsla sh, он будет распознан как escape-символ, символ, который вызывает альтернативную интерпретацию последующих символов в последовательности символов.

Итак, ваш код должен выглядеть так: 

@font-face 
{
    font-family: "myFirstFont";
    src: url(./fonts/Gotham-Book.otf) format('opentype');
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...