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; 
}