Почему не работают Google fonts в Wordpress на локальном сервере Xampp?

Question

ComahonQQComahon @ComahonQQComahon

Почему не работают Google fonts в Wordpress на локальном сервере Xampp?

Подключил шрифты в wordpress в стандартном шаблоне underscores, использую Xampp как локальный сервер.
Шрифты подключены, но не работают

<link rel='stylesheet' id='wp-block-library-css'  href='http://localhost/broadway1/wp-includes/css/dist/block-library/style.min.css?ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='humescores-fonts-css'  href='https://fonts.googleapis.com/css?family=PT+Serif%3A400%2C400i%2C700%2C700i%7CSource+Sans+Pro%3A400%2C400i%2C600%2C900&#038;display=swap&#038;ver=5.3.2' type='text/css' media='all' />
<link rel='stylesheet' id='humescores-style-css'  href='http://localhost/broadway1/wp-content/themes/humescores/style.css?ver=5.3.2' type='text/css' media='all' />
<link rel='https://api.w.org/' href='http://localhost/broadway1/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://localhost/broadway1/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://localhost/broadway1/wp-includes/wlwmanifest.xml" /> 
<meta name="generator" content="WordPress 5.3.2" />
<style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style></head>

<body class="home blog hfeed">
<div id="page" class="site">
	<a class="skip-link screen-reader-text" href="#content">Skip to content</a>

Вероятно, проблема в том, что ссылка указана не на локальный файл шрифтов.
Кто сталкивался с такой проблемой?

Вопрос задан более трёх лет назад
203 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Пригласить эксперта

Ответы на вопрос 2

5 комментариев

ComahonQQComahon @ComahonQQComahon Автор вопроса

загружается и ошибок не выдает

Написано более трёх лет назад
Alex @Kozack Куратор тега WordPress

ComahonQQComahon, А я вот в этом не уверен. Судя по вашему скриншоту не видно чтобы файлы шрифтов загружались. (Помимо гугловских стилей должны быть и файлы шрифтов). А не загружаться они могут, если вы не применили шрифт к документу.

И говоря "Откройте devTools" Я имел в виду панель Network. И посмотрите какие стили загружаются, загружаются ли шрифты.

Если всё загружается, и вы правильно применяете шрифт к документу, тогда в том же devTools но уже в веб-инспекторе можно посмотреть какие стили применяются к документу, какие написаны с ошибкой и какие переопределены и чем.

Написано более трёх лет назад
ComahonQQComahon @ComahonQQComahon Автор вопроса

Alex, в networks пусто. ни стилей, ни шрифтов

Написано более трёх лет назад

ComahonQQComahon @ComahonQQComahon Автор вопроса

подключал в functions

function humescores_scripts() {
    //enqueue google fonts: Source Sans Pro and PT serif
        wp_enqueue_style('humescores-fonts', 'https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i|Source+Sans+Pro:400,400i,600,900&display=swap');
	wp_enqueue_style( 'humescores-style', get_stylesheet_uri() );

	wp_enqueue_script( 'humescores-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20151215', true );

	wp_enqueue_script( 'humescores-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );

	if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
		wp_enqueue_script( 'comment-reply' );
	}
}

в saas/typography/_typography

body,
button,
input,
select,
optgroup,
textarea {
	color: $color__text-main;
	font-family: $font__serif;
	@include font-size(1);
	line-height: $font__line-height-body;
}

@import "headings";

@import "copy";

Написано более трёх лет назад

ComahonQQComahon @ComahonQQComahon Автор вопроса

и в variables-site/_typography

$font__serif:'PT Serif', Georgia, Cambria, "Times New Roman", Times, serif;
$font__sans:'Source Sans Pro', "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Arial, sans-serif;
$font__main: sans-serif;
$font__code: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
$font__pre: "Courier 10 Pitch", Courier, monospace;
$font__line-height-body: 1.5;
$font__line-height-pre: 1.6;

Написано более трёх лет назад