Web ページのフォントサイズはどのくらいが適切？ 55
ストーリー by reo
絶対指定ですってよ 部門より
絶対指定ですってよ 部門より
ある Anonymous Coward 曰く、
米 Facebook が Web ページのフォントサイズを縮小したところ、ユーザーから目が疲れるといった苦情が出たそうだ (CNN.co.jp の記事より) 。
「高齢者差別だ」との声も挙がっているようだが、確かに若干小さめのような気がする。日本の Web ページの場合、ブラウザのデフォルトフォントサイズ (12pt / 16px) をベースに、トップページなどでやや小さめ (たとえば Yahoo! や ITmedia のトップページは 12px) にするのが主流のようだが、mixi のように全ページに渡って 12px 設定というサイトもある。facebook の場合、フォントサイズは 11px と確かに小さめだが、多くのブラウザで英語フォントのデフォルトサイズが小さめに設定されているため、そこまで小さいとは言えないのかもしれない。
人によってはデフォルトのフォントサイズを大きめに設定している場合もあると思うのだが、Web ページのフォントサイズ設定はどのくらいが適正なのだろうか ?
フォントサイズを指定するな (スコア:4, すばらしい洞察)
人によって適したサイズは違うのだから、基本はフォントサイズを指定しない、ってことだと思う。
見出しとか、補助情報は、ベースフォントからの相対サイズで指定すればよい…と個人的には思ってるんだが、判ってない人を説得するのが面倒で最近黙ってるな。
の
Re:フォントサイズを指定するな (スコア:1, おもしろおかしい)
ビットマップイメージと文章を組み合わせてレイアウトしたり、場合によっては文字そのものを
ビットマップで用意することもあるので、そういう場合には考慮せざるをえないのではないかと
思います。
# 謝罪文は全文ビットマップ、とか。
Re: (スコア:0)
その文字は読ませたくない文字なので読みやすいサイズを考慮する必要はありませんね
Re: (スコア:0)
Re: (スコア:0)
全文ビットマップ化なんてアクセシビリティ最低の手段を取ってる時点で考慮もへったくれもないと思いますが。
本当に考慮してるならそもそもそんなことをするのはやめなさい。
Re: (スコア:0)
Re: (スコア:0)
まったくですな。フルページズームや高dpiディスプレイで破綻したりするし。
別にズームを禁止したいわけでもないのにIE6/7対策のためだけにzoom: 1.0;と書くことを強いられるとかもっと勘弁。IE9モードでは-ms-zoomのみ認識するようにできませんかマイクロソフトさん。
経験上 (スコア:3, 興味深い)
某大手企業のサイトに関わっていますが、
13px未満だとどの年代でも読みにくいという声が出てきます。
高齢者になると16px未満だと読みにくいという声が多いです。
なので、基本13px、高齢者向けコンテンツでは16pxでの制作が多いです。
＃でもデザイナは11pxあたりを使いたがる
ブラウザでの拡大縮小がもっと一般的になれば良いのでしょうけど
使ってる人ってほとんど居ないみたいですね。
Re:経験上 (スコア:2)
ああ、わたしのブラウザのデフォルトサイズは 16px だ。
四十代半ばにして高齢者か…
Re: (スコア:0)
フォントサイズ決め打ち，フォントサイズの絶対値指定のサイトを作るのが間違っている
～という主張を理解できるのはwebの発展の歴史を知っている年寄りだけに違いない
（ワープロがDTPソフト化したのと同様に，今はサイト作成もDTPと同じ感覚になってますから）
濁点と半濁点の区別 (スコア:3, すばらしい洞察)
文字の大きさとかよく分からないけど、
ひらがな、カタカナの濁点「゛」、半濁点「゜」の区別がつくサイズでお願いしたい。
Webページ読んでて一番困るのはこの点。
敢えて言おう。カスである！と。
12pt と 16px は全然意味が違いますよね。 (スコア:2, すばらしい洞察)
そもそも、dpi によって px 指定での実際のサイズは全然ちがいますけど、
何pxが適当だとかなんだとか、一体何の話をしているのですか？
Re:12pt と 16px は全然意味が違いますよね。 (スコア:3, 参考になる)
細かい事は仕様 [w3.org]を読んでもらうとして、一般的なコンピュータ用のディスプレイと(大きく)異なっている(そしてそれが分かっている)場合には、px値はデバイスの1ピクセルが、1pxとなる単位ではありません。例えばプリンタでfont-size: 16px;なページを印刷してもきちんと読めますよね? 1000dpiを超えるようなプリンタで16デバイスピクセルしかない文字とか読めるはずがありません。
最近一般的になっている23インチぐらいでFullHDなディスプレイと、VAIO type Zのように13.1インチでFullHDなディスプレイとではさすがに差がありますが、この程度のdpi値の違いはむしろピクセルの大きさの差を犠牲にして、画面の広さ(情報量の多さ)を重視しているという考え方もできますので、下手に絶対サイズで表示されても、それはそれで迷惑な人も多いのではないかと思います。
仮にdpi値があらゆるデバイスであった場合、親コメントではptでなら適切なフォントサイズが指定できるかのように読めてしまう文章になっていますが、例えそうであっても実際には視力の個人差と、表示デバイスとの距離の差の問題がありますので、em等のブラウザの設定値を基準にできる単位以外はすべて五十歩百歩です(そのような単位であっても、多くのライトユーザのようにデフォルト設定値のままで使っていると無意味ですが)。
Re:12pt と 16px は全然意味が違いますよね。 (スコア:1, おもしろおかしい)
> そもそも、dpi によって px 指定での実際のサイズは全然ちがいますけど、
> 何pxが適当だとかなんだとか、一体何の話をしているのですか？
「オレのディスプレイで」という基準での話をしているのではないでしょうか。
よくわからんが (スコア:1, 参考になる)
デフォルトフォントサイズを自分が一番見やすい大きさにしてあるので、常識の範囲内の相対値を指定してくれれば見やすいです。
Re:よくわからんが (スコア:4, すばらしい洞察)
そだね。各々自分の好みで設定してるんだから。
そもそもフォントサイズを絶対サイズで指定する事自体が諸悪の根源。
「ページ事に拡大率を覚えていてくれる」なんてのは本末転倒。
それに「絶対フォントサイズ指定」というクソ習慣への過剰適応でしかない。
Re: (スコア:0)
スタイルシートが流行りだしてから
フォント固定が増えてきた
デザイナーのCSSデザインは固定にしないと
くずれてしまう
Google Chromeのいいところ (スコア:1, 参考になる)
Google Chromeで表示→拡大、縮小をすると、ページごと(ドメインごと?)にその拡大率を覚えておいてくれます。
なので、これを使うと、目の悪い人も安心して使えるし、一方でフォント拡大をしなくて済むページで最低フォントサイズを設定する事で極端にページ崩れが発生する事もありません。
これは賢いと思っています。これは、他のブラウザでも是非実装を。
あと、「タブのXボタンを押してからマウスをバーから離すまでタブのサイズが変わらない」機能も。連続してタブを閉じるときにすごい便利ー。
Re: (スコア:0)
ブラウザで持ってる機能な気がする。
個人的にはサイト全体で記憶しないで拡大･縮小したとき(およびタブ)だけのほうが
使いやすいけどな。拡縮は一時しか使わないのにいちいち元に戻すのが面倒なので。
Re:Google Chromeのいいところ (スコア:1, 参考になる)
browser.zoom.siteSpecificをfalseにするといいよ。
ブラウザに拡大機能があるので問題視しない。 (スコア:1, 興味深い)
悪質なサイトはいくらでもある。例えば、注意事項や法令で明示しなければならない事項を1ptで表示しているサイトが結構ある。読めるかよ！
Re:ブラウザに拡大機能があるので問題視しない。 (スコア:3, 興味深い)
ちょっと論点がずれますが…
官公庁や自治体のサイトには「文字を大きく／小さく」ボタンが
かなりの割合で付いてますよね。
あれは、ブラウザに文字の大きさを変える機能のあることすら
知らない人のためにあるんです。
弱視の方はハンディを自覚しているので設定をいじっていますが、
高齢者は細かい機能を使いたがらないので、わざわざ余計と
思われるものでも付けておきます。
# こんなボタンいらねーやと思っていた時期が、自分にもありました。
Re: (スコア:0)
> 官公庁や自治体のサイトには「文字を大きく／小さく」ボタンが
> かなりの割合で付いてますよね。
> あれは、ブラウザに文字の大きさを変える機能のあることすら
> 知らない人のためにあるんです。
そういう連中には情弱のままでいてもらったほうが政府にとっては都合がいいってことですか?
今日魚を与えて明日飢え死にさせるより魚のとり方を教えてやったほうが親切だと思いますがね。
Re:ブラウザに拡大機能があるので問題視しない。 (スコア:1)
魚の取り方が頻繁に変わってしまうとか、そういった問題もあるのかもしれません。
# 変わっていない気もするけど。
Re: (スコア:0)
昔はActiveXコントロールをインストールさせてた [ywcafe.net]みたいです。というか今でもインストールさせてるところはあるみたいですが [tama.lg.jp]、「IE7では起動できません」とかもうなんて言ったらいいのか…。
同じ多摩と付いてもちゃんとブラウザ別の操作方法を説明 [kawasaki.jp]しているところもあります(ブラウザがやや古いのが難点ですが)。
Re: (スコア:0)
Re: (スコア:0)
一昔前（IE6が出回り始めたころ）のWebアプリ開発では
「（表示ページの元ネタ印刷物を持ってきて）重ねて一致させろ」とか
「（ブラウザのフォントサイズを最小／最大に設定して）表示が崩れるぞ、何とかしろ」とか
「（サイズの違うCRTを2台並べて）端末ごとに表示が一致しないのはバグだ」とか言われたモノですが
流石に最近はそんな事言うクライアントは減ったのでしょうか。
むしろ問題は (スコア:1)
フォントサイズが大きくても、みっちり詰めて書かれると読みづらい。
逆に、少々小さくても適当に（一行分高さをあける、とか）に書いてもらえると読みやすい。
犬が犬であるように、猫でありたい
だめ視力検査 (スコア:0)
"iPad"、"iPod"という単語を見るたびに、
真ん中の小さなまるが'a'なのか'o'なのか、じっと見つめるようになった。
ドライアイ気味なわたしには、この識別作業はなかなか辛い。
目薬の消費が増えた。
最近は少し大きめのほうが良くなったかも。
Re: (スコア:0)
アルファベットのaとoなんて仮名の濁音と半濁音の違いを見るのに比べたら楽なものよ。
「バ」と「パ」とかもう嫌がらせのようだw
Re:だめ視力検査 (スコア:1)
「チョコポ」「ポイス」 [google.co.jp]ですね. 分かります.
Re:だめ視力検査 (スコア:1)
「パルク品 [itmedia.co.jp]」ですね、わかります。
Re: (スコア:0)
Re: (スコア:0)
ロッチなんてのも昔ありましたなぁ。
# まぁ一般的なフォントならまず見間違えないか
オレルール (スコア:0)
オシャレなページは字が小さい (スコア:0)
Re: (スコア:0)
最近のオシャレなページは、すべてがFlashコンテンツで構成されています。
# 無意味に音を出すページなぞ絶滅してしまえ！
Re: (スコア:0)
確かに。
いきなり、女性のあえぎ声が聞こえるのもなあ。
わかるぞ？
Re:オシャレなページは字が小さい (スコア:1)
しかも演技たっぷりの。
いえ、演技はツマラナイって言ってるわけじゃないですよ？
むしろ「その演技にブラボー！」ってことです。
観客（俺ひとりだけど）総立ち。
屍体メモ [windy.cx]
絶対サイズ、相対サイズ、ピクセルサイズ (スコア:0)
本当にデザインが固まってる場合は絶対サイズのフォント(ページもだけど)がほしくなるはずですよね、
んで、画面サイズ情報が無い以上はシステムフォントのベースサイズからの相対サイズで指定してあればいい(というかそうするしか手が無い)はず
ピクセルサイズでの指定は、本来下の下の設定ではあるはずですよねぇ...
# CSSに表示デバイスの情報(サイズと解像度)とか利用できるのありましたっけ?
# media:screenだとwith:100%とかの相対指定くらい?
# media:paperでptが本当のポイントサイズなら、レンダラが紙面表示モードみたいなの設けて、画面にフィットさせてくれるとうれしいなぁ(妄想
Re:絶対サイズ、相対サイズ、ピクセルサイズ (スコア:1)
CSS3にはメディアクエリーがありますね。
http://www.w3.org/TR/css3-mediaqueries/ [w3.org]
適用例もあるようです。
http://coliss.com/articles/build-websites/operation/css/css-framework-... [coliss.com]
SNSにおけるフォントサイズ限定のはなし？ (スコア:0)
SNSならレイアウトにそれほど気を使う必要もないから、
フォントサイズは指定せずに見手の環境次第でいいかもね。
けど読みやすい大きさって意味なら、
一般商用サイトも含まれるから、
レイアウトを重視した画像埋め込み文字も含まれるんじゃない？
画像埋め込みの文字はさすがに
フォントサイズ指定せずとはいかないでしょ。
そのうえで、12pt / 16pxを基準に
見やすいサイズは？ってほうが実のある論議になるんじゃないかな。
加えて言えば、
高齢化社会一直線の日本や、
ブルーベリーが目にいい北欧の国とか、
各国での端末やディスプレイサイズ普及状況も踏まえたほうが
論議がまとめやすいんじゃないかな？
FullHDのPCとiPadとBlackBerryとじゃ大分条件違いますしね。
あと表題なのか本文なのか注釈コメントなのかは、
本文限定でいんじゃない？読みやすさってことならば。
漢字は大きめのフォントがいい (スコア:0)
でしょ。
固定サイズ？ (スコア:0)
どうして「large」とかが固定サイズなんだろう？
ディスプレイ (スコア:0)
最小フォントサイズ (スコア:0)
FirefoxやOperaでは、デフォルトでは有効になっていないですが、これ以上小さくしないという「最小フォントサイズ」を指定できますね。
Chromeでも設定ファイルを直編集で指定できます。
# 「Chrome 最小フォントサイズ」でググってね。
私はこれを12～14ぐらいに設定していますが、快適です。
ここの平均年齢の影響なのか？ (スコア:0)
ここの左側のリンクセクション(?)は文字がデカくて邪魔なのでStylishで10ptにしてる。
高齢者が増えたの？
ーー
自分は、Firefoxの設定でデフォルトのサイズは12にしてる。ptなのかpxなのか分からんけど。
about:configで"layout.css.dpi"は72に。
ITmediaなどのフォントサイズがデカい所はStylishで12ptに。
40ちょい手前だが自分はこれが一番見やすいと思ってる。近視乱視あり。眼鏡で1.0ぐらいか。
もちろん文字単位で見れば「゛」や「゜」の識別が難しいこともあるけど、大抵は文脈で分かるし。
Re: (スコア:0)
そういえば、idleセクションの記事だけ、
表示変更のボタン類（「しきい値」とかの所）が大きくなるのは、
何か意図があるんだろうか。
# Firefox 3.6.12(Ubuntu)で確認。
Re: (スコア:0)
Re: (スコア:0)
そろそろ、老化からは逃れられないと悟り、老化を少しでも遅らせるためのささやかな努力を始める年頃だと思うのですが、いかがでしょう。若い人を気取っても、何の足しにもなりませんよ。
＃多分、私の方が年下。