* [CODE(CSS)[font-size]] 特性 (CSS) [1] [[CSS]] の [DFN[[CODE(CSS)[font-size]]]] [[特性]]は、 [[フォント]]の ([[文字]]の) 大きさを指定します。 [[#comment]] ** 実装 [5] [CITE[md : Web Design : 実際のところ、どうするのがいいのよ、フォントサイズ!]] [[#comment]] ** アクセス可能性・利用可能性・安全性 [2] '''日本語文字の読みやすさ''': [[日本語文字]]の読みやすさの計測基準を定めた [[JIS S 0032]] という規格があります。この規格は [[CSS]] の主要な[[応用]]である電子ディスプレイを適用範囲外としていますが、 それでも一応の参考とはなるでしょう。 (一般的に言って、 ([[解像度]]等を考慮すると) [[ディスプレイ]]に表示する[[文字]]の大きさは[[紙]]に[[印刷]]する[[文字]]よりも大きくするべきです。) [3] 重要な文章の文字の大きさを通常の大きさと極度に変えるのは避けるべきです。 [[約款]]が細かい字で印刷されるのはよくあることですが(藁)、 当時者双方が平等な立場で契約するつもりがあるのなら、 読者の十分な理解を促すようなデザインを心がけるべきです。 また、読者は重要な注意書きが悪意のある著者によって小さな (時には判読できないような) 文字で書かれていないか常に注意する必要があります。 [[利用者エージェント]]は安全のためにも最低の大きさを[[利用者]]が指定できる機能や、 [[対話的]]な[[利用者エージェント]]であれば[[利用者]]が指定した範囲を拡大したり、 [[文字列]]として複写・保存等をしたりできるようにするべきです。 [7] [CITE@ja[第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro]] ([CODE[2007-02-14 18:59:17 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-14 10:07:35 +00:00]]) [8] [CITE@ja[第10回 文字のサイズとブラウザの違い 〜「はてなダイアリー」で起こった問題点:ITpro]] ([CODE[2007-02-14 19:05:40 +09:00]] 版) ([[名無しさん]] [WEAK[2007-02-14 10:08:14 +00:00]]) [[#comment]] ** テスト - [16] [CODE(CSS)@en[30[[px]]]] - [17] [CODE(CSS)@en[30.[[px]]]] - [18] [CODE(CSS)@en[30.0[[px]]]] - [19] [CODE(CSS)@en[30.1[[px]]]] - [20] [CODE(CSS)@en[.1[[px]]]] - [21] [CODE(CSS)@en[.0[[px]]]] - [22] [CODE(CSS)@en[0[[px]]]] - [23] [CODE(CSS)@en[-10[[px]]]] - [24] [CODE(CSS)@en[-0[[px]]]] - [25] [CODE(CSS)@en[-/**/0[[px]]]] - [26] [CODE(CSS)@en[30p\78]] - [27] [CODE(CSS)@en[30\70x]] - [28] [CODE(CSS)@en[3\30[[px]]]] - [29] [CODE(CSS)@en[30/**/[[px]]]] [30] [[Firefox]] 2 は >>16、>>18-22、>>24、>>26-27 を有効な[[宣言]]として解釈するようです。 [[負]]の[[零]]は[[正規化]]されます。[[小数部]]の[[0]]は最小限に[[正規化]]されます。 ([[名無しさん]]) [31] ([[名無しさん]]) [32] >>31 [[Firefox]] 2 と [[Opera]] 9 は [CODE(CSS)[-.0[[px]]]] 0 と解釈しますが、 [[WinIE 6]] は無視します ([CODE(CSS)[-.]] に対応していないようです)。 ([[名無しさん]]) [33] [[WinIE 6]] は >>16、>>18-19、 >>22、>>24-29 を解釈しますが、それ以外は無視します。 [CODE(CSS)[[[.]]]] が最初や最後に来る[[数]]に対応していないようです。 [[小数部]]は ([[零]]に近い方向に) [[切り捨て]]られるようです。 [CODE(CSS)[-0.9px]] は [[Firefox]] 2 や [[Opera]] 9 では無視されますが、 [[WinIE 6]] では [CODE(CSS)[[[0]]]] とみなされます。 [[escape]] や[[注釈]]はどこでも使えるようです。 [CODE(CSS)[3/**/0px]] や [CODE(CSS)[30p/**/x]]] なんてのまで無視''されません''。 ([[名無しさん]]) [34] >>33 [[負]]の[[零]]は[[符号]]なしに[[正規化]]されます。 ([[名無しさん]]) [35] [[Opera]] 9 は >>16、>>18-22、>>24-25、>>31 を解釈しますが、それ以外は無視します。 [[負]]の[[零]]の[[符号]]は[[正規化]]で除去されません。 [[整数]]で表せない場合、常に[[小数部]]2[[桁]]になるよう[[切り捨て]]・[[正規化]]されます。 ;; [[WinIE 6]] とは異なり、[CODE(CSS)[-0.002px]] は [CODE(CSS)[-0]] とは解釈''されず''、無視されます。 [[負]][[符号]]と[[数]]の間に[[注釈]]を挿入できます。 ;; [[CSS 2.1]] 的に正しいですが、[[Firefox]] も [[WinIE]] も対応していません。 [[単位]]部の [[escape]] には対応していません。 ([[名無しさん]]) [36] [[Firefox]] 2 では値は[[有効数字]]6[[桁]]に[[正規化]]されます。7[[桁]]目で[[四捨五入]]されるようです。冗長な[[0]]は (先頭・最後とも) 捨てられます。[[絶対値]]が大きな数や小さな数は[[指数表示]] ([[科学的記法]]) になってしまいます (逆にそれを[[構文解析]]することはできません)。 ([[名無しさん]]) [37] >>36 あまりにも大きいと [CODE(CSS)[Infinitypx]] になってしまいます。 ([[名無しさん]]) [38] [[Opera]] 9 は大きな数を与えても[[整数]]として出力されますが、 (おそらく[[浮動小数点数]]を使っているせいで) 不正確な数として出てきます。 [CODE(CSS)[990000007341205185086489624576px]] が最大のようです。 ([[名無しさん]]) [39] [[WinIE 6]] では [CODE(CSS)[134217727px]] ([[符号付き]]28ビット[[整数]]の[[最大値]]) が[[最大]]のようです。 ([[名無しさん]]) [[#comment]] ** 関連 [4] [[HTML 3.2]] で導入された表現属性として [CODE(HTMLe)[[[font]]]] 要素と [CODE(HTMLe)[[[basefont]]]] 要素に [CODE(HTMLa)[[[size]]]] 属性がありました。 [[CSS]] の [CODE(CSS)[[[font-size]]]] は [[HTML]] の [CODE(HTMLa)[[[size]]]] 属性の影響を受けていますが、 数値ではなく名前を使うことでより分かりやすくなっています。 また、 [[CSS]] の [CODE(CSS)[[[font-size]]]] 属性は色々な単位付き数値や百分率値が使えるので [[HTML]] にあったものよりかなり強力です。 [[#comment]] ** メモ [6] [CODE(CSS)@en[[[-webkit-xxx-large]]]] ([[名無しさん]] [sage]) [9] [CITE[TRANS - 英語圏から学ぶ、body要素に対するfont-size指定方法のまとめ]] ([CODE[2007-03-31 22:36:42 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-01 02:18:45 +00:00]]) [10] [CITE['''['''40代〜''']'''IEの「文字のサイズ」は通常どれに設定していますか ? http://q.hatena.ne.jp/1110376466 http://q.hatena.ne.jp/1183454336 - 人力検索はてな]] ([CODE[2007-07-08 01:27:33 +09:00]] 版) ([[名無しさん]]) [11] [CITE[IEの「文字のサイズ」は通常どれに設定していますか ? (関連質問:http://q.hatena.ne.jp/1110376466) - 人力検索はてな]] ([CODE[2007-07-08 01:28:07 +09:00]] 版) ([[名無しさん]]) [12] [CITE@ja[blog in a fog » フォントサイズ指定方法の検証]] ([[Yoji Sanada]] 著, [CODE[2007-07-13 22:25:22 +09:00]] 版) ([[名無しさん]]) [13] [CITE@ja[CSS HappyLifeで述べられているfont-sizeプロパティの値は小さすぎる - 行動記録]] ([[IWAI, Masaharu]] 著, [CODE[2007-07-26 03:35:13 +09:00]] 版) ([[名無しさん]]) [14] [CITE[Business Media 誠:「ブラウザの文字サイズ最大」が半数以上――家庭用PC]] ([CODE[2007-09-14 08:08:37 +09:00]] 版) ([[名無しさん]]) [15] [CITE@ja[覚え書き@kazuhi.to: 文字サイズ変更ウィジェット]] ([CODE[2007-09-23 22:53:26 +09:00]] 版) ([[名無しさん]]) [[#comment]] * メモ