Спусковые устройства Roboto не отображаются правильно в Safari

Я делаю свои первые шаги, изучая код. Я проходил некоторые курсы в Интернете, и сейчас я разрабатываю детскую тему WordPress, чтобы я мог продолжать учиться на практике.

Дело в том, что я использую шрифт Google под названием Roboto. Он отлично работает в Google Chrome, но когда я использую Safari, потомки моих персонажей отображаются неправильно. Это пример для «g» и «j»:

введите описание изображения здесь

Вы можете найти ссылку здесь:http://mmparis.com/SMtestsite/paintings/beijing/

Я загрузил этот шрифт, используя файл functions.php:

function wpb_add_google_fonts() {

wp_enqueue_style( 'wpb-google-fonts', 'https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i', false );
}

add_action( 'wp_enqueue_scripts', 'wpb_add_google_fonts' );

Я искал много уроков и постов здесь, но я не могу найти причину или решение. У вас есть предложение?

Спасибо

0

Решение

Я провел быструю проверку в Chrome для Windows, и похоже, что некоторые отступы располагаются поверх текста.

введите описание изображения здесь

Попробуйте добавить высоту: 30 пикселей; чтобы .menu-toggle и посмотреть, если это работает. Это должно остановить сидение на нем.

.menu-toggle {
height: 30px;
}
1

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]