Почему семья шрифтов не работает на всех страницах моего сайта? - PullRequest
Новая
       85

Почему семья шрифтов не работает на всех страницах моего сайта?

0 голосов
/ 11 апреля 2020

Я изменил семейство шрифтов на главной странице моего сайта, но не смог синхронизировать это на всех других страницах моего сайта. Я, например, сравнил код проверки в Chrome между титульным листом и магазином и не вижу различий там. Может кто-нибудь помочь мне решить эту проблему?

https://youmeitea.com <- эта страница работает, как задумано, шрифт, о котором идет речь, находится в верхнем левом углу заголовка </p>

https://youmeitea.com/shop <- эта страница не работает должным образом, шрифт в верхнем левом углу отсутствует в шрифте Berkshire Swa sh </p>

Спасибо за любую помощь или предложения, я с удовольствием экспериментирую, чтобы заставить его работать правильно!

1 Ответ

0 голосов
/ 11 апреля 2020

Я сравнил, например, код проверки в Chrome между главной страницей и магазином, и не вижу здесь никаких отличий

Это потому, что правило font-family CSS действительно там. Однако шрифт не отображается, потому что вы встраиваете его только на первой странице.

То есть на первой странице присутствует только следующее: 

<link rel="stylesheet" id="google-fonts-1-css" href="https://fonts.googleapis.com/css?family=Berkshire+Swash%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSource+Serif+Pro%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;ver=5.4" type="text/css" media="all">

У вас есть чтобы исправить то, как вы ставите в очередь Berkshire Swa sh для применения к всем страницам.

В качестве альтернативы попробуйте встроить шрифт с помощью @ import в таблицу стилей. : 

@import url('https://fonts.googleapis.com/css?family=Berkshire+Swash%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSource+Serif+Pro%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;ver=5.4');

Редактировать: Вы можете поставить в очередь Berkshire Swa sh (или любой другой шрифт, если на то пошло) из дочерней темы, подключившись к wp_enqueue_scripts, вот так: 

add_action( 'wp_enqueue_scripts', 'sean_enqueue_google_fonts' );

function sean_enqueue_google_fonts() {
  wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/css?family=Berkshire+Swash%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic%7CSource+Serif+Pro%3A100%2C100italic%2C200%2C200italic%2C300%2C300italic%2C400%2C400italic%2C500%2C500italic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic%2C900%2C900italic&amp;ver=5.4', array() );
}
...