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; to.menu-toggle并查看是否有效。它应该停止坐在它上面的填充物。

.menu-toggle {
    height: 30px;
}