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

Question

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

问题是我使用的是一种名为 Roboto 的 Google 字体。它在 Google Chrome 上完美运行，但是当我使用 Safari 时，我的角色的后裔无法正确呈现。这是 "g" 和 "j":

的示例

您可以在此处找到 link：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 中进行了快速检查，看起来有些填充位于文本底部。

尝试添加 height:30px； .menu-toggle 看看是否有效。它应该停止填充它。

.menu-toggle {
    height: 30px;
}