Top > XHTML・CSS > YUI Fonts CSSを使ってフォントサイズを指定する

YUI Fonts CSSを使ってフォントサイズを指定する

ブラウザ間で誤差が出るfont-size。
今まで、bodyに62.5%を指定していたんだけど、FirefoxやOperaで
最小フォントを指定されると、誤差が出てしまう。

これを解消するために、色々調べていたら、「YUI Fonts CSS」なるものが
あるらしい。これは利用せねばとソースコードを拝借。

ちなみにスタイルシートのソースは以下のURLで確認が可能。
http://developer.yahoo.com/yui/build/fonts/fonts.css

本来はアーカイブをダウンロードするんだろうけど、英語でよく分からなかったので
直接アクセスしてしまった。

このスタイルを適用すると、基準になるfont-sizeは、約13pxと同等。
基本的にパーセント指定でfont-sizeプロパティを記述することになる。

例えば16pxと同等の大きさにしたい場合

font-size:123%;

などと書けば良い。完全に一致するわけではないが、大体同じフォントの
大きさになるみたいなので、結構使えると思う。

XHTML・CSS

XHTMLやCSS(スタイルシート)に関する情報を集めたカテゴリ。CSSハックやブラウザのバグなどについてなど。

関連エントリー

アーカイブ