Вопрос или проблема
У меня есть два домена, один http://www.eu-ohne-mpu-fs.de/, второй: http://eu-bw.de/. Второй домен — это тот, на котором установлены адрес (URL) WordPress и адрес домена (URL). Первый домен указывает на директорию /eu-bw.de. В моем дочернем тематическом файле стилей я использую правило CSS @font-face для стилизации: заголовков, заголовков и шрифтов навигации. Это правило работает со вторым доменом, но не применяется к первому. Также я использую этот код в function.php (файл создан в директории дочерней темы) для подключения стилей родительской темы в стили дочерней темы:
<?php
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style',
get_theme_root_uri() . '/eu-bw/style.css',
array('parent-style')
);
}
?>
Что мне нужно изменить, чтобы шрифты работали на обоих доменах?
Из любопытства, вызывает ли какой-нибудь из шрифтов в этом стиле шрифт, который размещен на онлайн-инструменте типа типа, таком как typekit или fonts.com? Если да, возможно, вам нужно добавить другой URL в ваши признанные веб-сайты и перезапустить ваш онлайн typekit.
Ответ или решение
Проблема, связанная с некорректным отображением стиля шрифта на одном из ваших доменов, связана с несколькими аспектами, которые следует учесть при настройке WordPress и использовании шрифтов. Давайте подробно рассмотрим возможные причины этой проблемы и предложим решения.
1. Проверка путей к файлам
Первоначально убедитесь, что пути к файлам стилей и шрифтам корректны для обоих доменов. При закачке шрифтов через @font-face укажите полный URL или относительные пути, учитывая специфику каждого домена.
Пример объявления шрифта:
@font-face {
font-family: 'CustomFont';
src: url('http://www.eu-ohne-mpu-fs.de/fonts/CustomFont.woff2') format('woff2'),
url('http://www.eu-ohne-mpu-fs.de/fonts/CustomFont.woff') format('woff');
font-weight: normal;
font-style: normal;
}2. Доменные настройки
Если один домен (например, eu-ohne-mpu-fs.de) указывает на директорию, которая отличается от домена, где находятся стили, это может быть причиной неполадок. Убедитесь, что в CSS-файле, где вы объявляете шрифты, используются корректные ссылки, соответствующие текущему домену.
3. Проверка кэша
Иногда кэширование может препятствовать отображению обновлений. Очистите кэш вашего браузера и проверьте кеш WordPress (если вы используете плагины кэширования).
4. CORS и доступность шрифтов
Если шрифты загружаются с другого домена или использованы через онлайн-сервисы (например, Google Fonts, Typekit и т.д.), необходимо убедиться, что CORS (Cross-Origin Resource Sharing) настроены правильно. Например, если вы используете шрифты, размещенные на Typekit, убедитесь, что ваш второй домен (eu_bwd) добавлен в разрешенные домены вашей учетной записи Typekit.
5. Подключение дополнительных стилей
Чтобы гарантировать корректную загрузку файлов стилей, вы можете дополнительно проверить правильность функции подключения стилей в файле functions.php. Убедитесь, что скрипты подключаются правильно и в нужной последовательности:
function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style') );
}Обратите внимание на использование get_stylesheet_directory_uri() для подключения стилей дочерней темы.
6. Настройка WordPress
Также следует проверить настройки WordPress для второго домена. Перейдите в "Настройки" → "Общие" и убедитесь, что адреса обоих доменов правильно указаны. Полные адреса (URL) должны совпадать с доменами, которые вы используете.
Заключение
После выполнения вышеуказанных шагов, убедитесь в том, что шрифты загружаются корректно на обоих доменах. При необходимости протестируйте разные подходы к вызову шрифтов и их стилизации в отдельных браузерах. Если проблема сохраняется, рассмотрите возможность обращения за поддержкой к вашему хостинг-провайдеру, который может помочь в диагностике проблемы на уровне сервера или DNS.
Этот систематический подход поможет вам устранить проблему с отображением шрифтов и обеспечить согласованность стилей на обоих доменах.