Roboto字体下拉框在Safari中无法正确显示

Question

我正在学习编写代码的第一步。我一直在互联网上学习一些课程，现在我正在开发一个WordPress的儿童主题，这样我就可以继续从练习中学习。

问题是我正在使用名为Roboto的Google字体。它在谷歌浏览器上完美运行，但是当我使用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

我在Chrome Windows版快速检查和看起来有些填充的是坐在在文本的底部。

尝试增加高度：30PX;到.menu切换，看看是否有效。它应该停止填充坐在它上面。

.menu-toggle { 
    height: 30px; 
}