このページの位置
ホーム > blogっぷり! > 石輪っぷり! > Web制作 > Yahoo!トップページのフォントサイズ指定

石輪っぷり!

Yahoo!トップページのフォントサイズ指定

[] 2008年1月12日 21時56分

多くのブラウザのデフォルトのフォントサイズは 16px なんですが、Mac版の Firefox と Netscape は 14px になっています。何故 Windows版と Mac版とでフォントサイズが異なるのでしょうね?
だからフォントサイズを相対指定している多くのサイトは、Mac で Firefox を使って見ると、Safari や Windows で見た場合よりフォントが小さくなってしまいます。

ところが、Yahoo! のトップページは ほぼ同じフォントサイズで表示されます。CSS を確認してみると、Yahoo! Japan も USA 同様に次のような指定がなされていました。(ページ全体のフォントサイズ指定に係る部分を抜き出し)

body{font:12px;*font-size:small;*font:x-small;}

絶対指定をするとフォントの拡大ができなくなる IE向けに相対指定を行い、IE以外には 12px といった絶対指定をするという方法がいろいろなブログで紹介されていますが、これも同じような仕組みのようです。
でも、賛否両論ありますが本来絶対指定は行うべきではないですし、この Yahoo! の指定方法では *font-size とか *font というプロパティがCSS の構文エラーになります。

因みに、Yahoo! のトップページを IE5以前や Netscape で見ると、機能を縮小した異なるデザインで表示されます。

トラックバック(0)

:

コメントする

« 前の記事
MT4.1に期待
次の記事 »
リンクを新しいタブ or ウィンドウで開く

カレンダー

2008年1月
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    

月別アーカイブ

ブログ記事一覧 (266)

携帯サイト

QRコード (http://www.will3in.jp/m/blog/ishiwa/)

△このページの先頭へ