SafariでRobotoフォントディセンダが正しくレンダリングされない

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'); 

ここでは多くのチュートリアルや記事を探していますが、その理由や解決策が見つかりません。何か提案がありますか？

は、私はWindows上でChromeで迅速に検査していたとパディングのいくつかは、テキストの下部の上に座っているように見えるあなたの

Answer 1

ありがとうございます。

高さを追加してみてください：30px; to .menu-toggleし、それが動作するかどうかを確認してください。それはそれに座っているパディングを停止する必要があります。

.menu-toggle { 
    height: 30px; 
}