В WordPress шрифт выглядит иначе, чем в Google.

Question

У меня проблема, и я уже ищу, но не могу найти ответ. Я использую шрифт Google (Playfair Display) на своем сайте Wordpress (тема Html5Blank), но он выглядит совсем не так, как в шрифтах Google. Вот как они выглядят в GoogleFont и на моем сайте.

---

Это мой код

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Roboto:100,300');

h3 {
  display: inherit;
  white-space: nowrap;
  font-family: ‘Playfair Display’, serif;
  font-size: 10vw;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  color: #F4512C;
}

<h3>2017</h3>

Answer 1

В вашем стиле цитаты возникли проблемы - используйте 'Playfair Display' вместо ‘Playfair Display’

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Roboto:100,300');

h3 {
  display: inherit;
  white-space: nowrap;
  font-family: 'Playfair Display', serif;
  font-size: 10vw;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  color: #F4512C;
}

<h3>2017</h3>

Answer 2

Это потому, что вы использовали неправильные кавычки. Я думаю, что вы только что скопировали и вставили строку из какого-то текстового файла.

использование font-family: 'Playfair Display', serif; вместо font-family: ‘Playfair Display’, serif;

@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Roboto:100,300');
h3 {
  display: inherit;
  white-space: nowrap;
  font-family: 'Playfair Display', serif;
  font-size: 80px;
  font-weight: 400;
  text-decoration: none;
  margin: 0;
  color: #F4512C;
}

<div class="parent-class">
  <h3>2017</h3>
<div>

Answer 3

Есть проблема с этим. Шрифт Neris работает, а Playfair - нет (кстати, это не WordPress. Просто код)