Windows Vista および、Meiryo フォント登場記念 新フォントサイズ指定手法
あとにかいてる注意事項が重要なんですが…
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（16px:12pt 相当 = 100%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（15px:11.3pt/10pt 相当 = 94%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（14px:10.5pt/10pt 相当 = 88%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（13px:9.8pt/9pt 相当 = 82%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（12px:9pt/9pt 相当 = 75%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（11px:8.3pt/8pt 相当 = 69%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（10px:7.5pt/8pt 相当 = 63%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（9px:6.8pt/8pt 相当 = 57%）
注意事項
ウインドウズ IE 環境において、和文フォントの指定の前に、英文フォントを指定することでフォントセットを組み替えるってことが（vista メイリオデフォルト環境を除く）可能ですが、それをやった場合には 11px および 9px 該当サイズがその上のサイズと同じ状態になります。ていうか、それ Verdana の場合で、その書体を変更するとまた違う状態になります。"Trebuchet MS" なんて指定した日にゃ…。
11px 以下の指定がしたい場合は、英文フォントとの組み合わせ指定を避けて、和文フォントをキッチリ指定します。もし、font-family の指定がない場合は、Verdana を指定した場合と同じ状態になっちゃういます。だから基本的には 11px 以下の指定はハナっから避けたほうが無難です。
尚、メイリオデフォルト環境ではサイズはちゃんと表示しますが、英文フォントとの組み合わせで他の和文フォントを指定してもその組み合わせでの表示ができず、和文フォント箇所は全てメイリオになる模様です。
自分としてはそもそも日本語フォントはユーザーデフォルト環境で良いので、和文フォントを指定せず、必要に応じて英文フォント指定はいれた上で、数値を変えてもほかの指定で同じ状態になってしまう 11px、9px 指定を避けるように指定をいれるようにしてます。
よって整理して問題も最低限にしておくために、通常 12px 以上の指定をします。で、15 と 14、13 と 12 は文字間は違っても使われるフォントのポイントサイズは一緒なので、16、14、12px に該当するサイズ指定をパーセントに置き換えて使っています。だから、いっとう最初の親分で 16px : 12pt に揃えておいた上で、100%、94%、82% を中心に、なにげなく、88%、75% をかませる感じなんでございます。
っていう指定をしようって思ったのは最近のことなので、このサイトも配布してるスタイルシートなんかも、違うんですけどね（笑）
サイズ変更したブロック内にて、イレコでパーセント数値相対指定をするのに最適な数値の表も作ろう、って考えてるんですが、このイレコっちゅうのはそもそも混乱のモトなので、なるべくイレコ指定にならない記述にするようにしてます。
16px:12pt:100% よりひとまわり小さい 15px 指定したブロック
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（16px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（15px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（14px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（100%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（99%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（98%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（97%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（96%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（95%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（93%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（92%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（91%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（90%）
15px:11pt:94% よりひとまわり小さい 14px 指定したブロック
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（15px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（14px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（13px）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（100%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（99%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（98%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（97%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（96%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（95%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（93%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（92%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（91%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（90%）
15px ブロック
ul 指定なし
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 100%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 88%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 82%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 75%）
ul 94% 指定
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94% -> 100%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94% -> 94%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94% -> 88%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94% -> 81%）
- 普段なにげなく使ってる相対指定のフォントサイズ、最近はこんな数値でやってます。（94% -> 94% -> 74%）
なんとなくですが、イレコブロックだろうがなんだろうが、親ブロックより一回り小さくしたい場合は 94% ってしておくとブラウザ互換が保てるんじゃないかなぁ、と期待半分の考え。
とてもわかりづらい解説だと思うので、いつでも使える一覧表なんぞにまとめたいなと思う今日この頃。フォントサイズが異なるリストで li のパディングが em 指定だときれいに並ばなくてみづらい。
あ、ちなみに、ここでは全部ピクセル指定ですからぁ！
2007-05-21 11:52 | CSS | ichiro | permalink
Comments
コメントはまだありません