CSS

Safariのインライン要素に謎の隙間

目次

    コーディングが完了しブラウザの確認を行うとSafariで表示されたページのインライン要素に謎の隙間が発生してました。
    a要素、em要素、spna要素。。。どのインライン要素の前後に隙間が発生しています。
    開発ツールで確認してもよくわからず、他のブラウザでで見ても何もありません。

    検索してみると、以下解決策出てきました!

    font-familyが問題のようですね。
    font-familyを確認すると「Osaka」がありました orz
    これを削除。無事解決です。

    IE11の游書体みたいに覚えておいて損じゃないかもですね。

    最近はSafariで痛い目に合うことが多いです。。。
    昔のIEみたいに感じます。

    コメント一覧