タグ

ブックマーク / blog.inafog.jp (2)

  • blog in a fog » フォントファミリー指定方法の検証

    いろいろあってフォントサイズの検証が中途半端なままになっています。続きを始めたのですが、全然終わりが見えません。。。奥深すぎですフォントって。その途中でちょっと気になることを見つけたのでいったんまとめます。 複数のフォントファミリーを指定した場合の表示についてです。 たとえばfont-family: Arial, “MS Pゴシック”などとした場合、どのように適用されているのか。欧文フォントと和文フォントを指定していれば、半角英数には欧文フォント、2バイト文字には和文フォントが適用されるんじゃないかなーと漠然と思っていたのですが、どうもIEでは最初に見つかったフォントしか有効ではないという話を目にしたので確かめてみました。 Arialと明朝体を指定して各ブラウザで表示。font-family: Arial, “MS P明朝”のように指定しているので、予想通りなら欧文はゴシック、和文は明朝

  • blog in a fog » フォントサイズ指定方法の検証

    ※検証環境 Windows: IE6, IE7, Firefox2, Opera9, Safari3b Mac: Safari2, Firefox2, Opera9 XML宣言なし、標準準拠モード、utf-8 font-family指定なし これできれいに揃うはず。揃いませんでしたすみません!(↓追記あり) 検証に使ったHTMLファイルはこちら(Win/Firefox2を基準に作成。フォントサイズが変わるところにhrを入れてpx指定のテキストを並べた。比較しやすいように右寄せに。このファイルを各ブラウザで表示させて検証)。 お気づきのようにYahoo! UI Libraryのfonts.cssをもとに作成してます。 たとえばYUIでは12pxは92%となっているけど、これは93%でないとOperaで1サイズ小さく表示されてしまいます。最初は*font-size:smallで検証していたんで

  • 1