fontとIEに関するkathewのブックマーク (2)
-
こんにちは、ざきやまです! フォントはデザインの印象を大きく左右するとっても大切な要素なのですが、WEBサイトで表示させる際は使用ブラウザや所持しているフォントなどなど、閲覧環境に左右されるので特に注意する必要があります。 游書体が出る前はWindowsとMacでWEBサイトのfont-familyを使い分ける必要があり、製作者側のMacパソコンではヒラギノでびしっと決まってるのに、Windowsで確認するとメイリオで﹁なんか違う・・まあ仕方ないか・・﹂となっていましたね・・。 そしてWindows8.1、OS X Mavericks以降のmacOSに標準搭載されるようになり、やっとfont-familyを統一することができるように! しかし、游ゴシックをWindowsで表示させるにはいろいろな問題が・・・ 問題というよりは、同じ游ゴシックを使っているつもりでも実はWindowsとMacで
-
IEで游ゴシック・游明朝を指定した時にIEで生じる謎の余白 いまだに、IE 11 のシェアが多いので、 この手のバグへの対策は、メンドー臭い。IEの場合、﹁メイリオ﹂以外だと、line-height が効かなくなるバグもある。 単純な話、IEでは、font-family の先頭で﹁メイリオ﹂フォントを指定しないとダメですね。 ︵同じ Microsoft でも Edge なら、メイリオ以外でも問題ない︶ 参考サイト 最近は、Windows と Mac で同じフォントにするため、﹁游ゴシック﹂を指定してるサイトもあるが、その場合は、IEだけメイリオにする CSS ハックした方がいいと思う。 例えば、font-family を ↓ このように指定してるなら、 body { font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro
-
1