Roboto 字体下降器在 Safari 中无法正确呈现

Question

我正在迈出学习编程的第一步。我一直在网上学习一些课程，现在我正在开发一个 Wordpress 儿童主题，以便继续从实践中学习。

问题是我正在使用一种名为 Roboto 的 Google 字体。它在 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' );

我一直在这里寻找很多教程和帖子，但我找不到原因或解决方案。你有什么建议吗？

谢谢

Answer 1

我在 Windows 上的 Chrome 中进行了快速检查，看起来有些填充位于文本底部。

尝试添加高度：30px；到 .menu-toggle 看看是否可行。它应该停止填充它。

.menu-toggle {
    height: 30px;
}