まずは元ネタのエントリを紹介します。
font-sizeのパーセント表記一覧 - Webtech Walker
クロスブラウザ(主にIE達)対応の可変フォントCSSを組むのに役立つ素晴らしいエントリだったので、元記事はそのままにちょっと修正したいところをこちらのエントリで紹介したいと思います。
修正したところでまだ、問題はあるんですがとりあえずエントリを上げちゃおうということにしました。(出勤しなきゃいけないので修正は後日)
元エントリを参考にベースフォントサイズ12〜16pxまでCSSをまとめてgithubに置きましたので、ご自由にお使いください。
ダウンロード
変なところがあれば随時修正していきます。
動作確認したブラウザは次の通りです。
Mac OS 10.7
・Safari 5.1
・Chrome 19
・Firefox 12
Windows XP
・IE8
(肝心のIEチェックが疎かじゃんとかいいたいと思いますが、後日修正アップします汗)
現状の問題点
IE8で「文字サイズの変更」に非対応です。IE8でズームすると、フォントサイズが小さく表示される箇所があります。これはなんとかしたいね。
もうちょっと丁寧なエントリにしたかったんですが、ごめんなさい。
ダウンロード
あと言ってみたかった台詞があるので言ってみます。
Fork me on github!!