スポンサーサイト

スポンサー広告 ]  --/--/--(--)
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

コメント: | トラックバック: | 編集 

ブログでの文字サイズ(覚書)

[メモ]ブログメモ ]  2006/01/17(火)
最近フォントサイズを絶対値固定にしてるブログをよく見かける。font-size:13px、のようなサイズ指定のやり方だ。固定サイズはデザイン重視の場合はレイアウトが崩れにくく便利だが、ブラウザのサイズ変更が効かなくなるというデメリットがある。

私も以前はサイズ固定にしていたが、友人から「文字サイズ最大にして寝ころがって見てるから、サイズ固定のサイトは即効閉じるよ!」と言われ、目からウロコが落ち、全て変更した。

ユーザビリティを考えると相対単位指定の方が望ましい。
以下自分用も兼ねて備忘録。参考にどうぞ。


絶対単位:mm cm in(インチ) px pt pc
相対単位:% em(大文字の「M」の高さを基準)ex(小文字の「x」の高さを基準)

------------------------------------------------------------
当ブログでの普通に書いた文字のサイズ。小さすぎるのも目が痛いけど、微妙に大きすぎて目がすべる気がする・・・。


自分用メモ。

フォントサイズ1です。
フォントサイズ2です。
フォントサイズ3です。
フォントサイズ4です。
フォントサイズ5です。
フォントサイズ6です。
フォントサイズ7です。

フォントサイズxx-smallです。
フォントサイズx-smallです。
フォントサイズsmallです。
フォントサイズmiddleです。
フォントサイズlargeです。
フォントサイズx-largeです。
フォントサイズxx-largeです。

フォントサイズ0.8emポイントです。
フォントサイズ0.9emポイントです。
フォントサイズ1emポイントです。
フォントサイズ1.1emポイントです。
フォントサイズ1.2emポイントです。
フォントサイズ2emポイントです。

フォントサイズ12ピクセルです。
フォントサイズ13ピクセルです。
フォントサイズ14ピクセルです。
フォントサイズ15ピクセルです。
フォントサイズ16ピクセルです。

フォントサイズ12ポイントです。
フォントサイズ13ポイントです。
フォントサイズ14ポイントです。
フォントサイズ15ポイントです。
フォントサイズ16ポイントです。

フォントサイズ85%です。
------------------------------------------------------------
一緒?
フォントサイズ2
フォントサイズsmall
フォントサイズ0.9emポイント
フォントサイズ13ピクセル

フォントサイズmiddle
フォントサイズ1emポイント
フォントサイズ14ピクセル
フォントサイズ←これが通常サイズだけどmiddleと同じなのか・・・?

もし参考になれば。
------------------------------------------------------------
■関連記事■
デザイナーがウェブの文字サイズを小さく固定したがる理由 [絵文録ことのは]
http://kotonoha.main.jp/2003/11/08fontsize.html
ner式:豆字をめぐる冒険
http://ner.her.jp/ner/archives/2005/03/post_62.php
文字サイズの固定はしない
http://www.mars.dti.ne.jp/~fuming/contents/sizefix.htm
見え方について言いたい放題 - 文字サイズ固定のススメ
http://ryus.s21.xrea.com/Sub/about/font.shtml

コメント:(2) | トラックバック:(1) | 編集 




「スポンサーサイトブログでの文字サイズ(覚書)」に対するコメント

[213] TBありがとうございます
文字サイズや行間は悩むところですよね。特にネットショップなどでは売上に直結しますから難しいところです。
これからもちょくちょく寄らせてもらいますね。

2006/03/02 09:57 | URL | おいら(デジカメで商品写真を撮影する方法) #-[編集]

[215] >おいらさん
私も以前はもう少し大きな文字にしてたんですが、改行が多くなりすぎるので、会話ネタが多いうちには向いてないなと思い変更しました。
でも微妙に小さいんですよね。もう少しだけ大きくする方法があればいいんですが。
コメントありがとうございました。

2006/03/02 22:08 | URL | カナ #-[編集]

編集用パスワード
管理者にだけ表示を許可する


「スポンサーサイトブログでの文字サイズ(覚書)」へのトラックバック

元記事への言及がなくても、関連するトラックバックなら歓迎します!ただしアダルト等、こちらでスパムと判断したものは予告なく削除させていただきます。
  • スポンサーサイトブログでの文字サイズ(覚書)へのトラックバックURLはこちら
  • http://spicydrop.blog45.fc2.com/tb.php/52-01968438
  • リンクタグはこちら
  • <a href="http://spicydrop.blog45.fc2.com/?overture" target="_new" target="_blank">◆笑ったメモ:スポンサーサイト<a><a href="http://spicydrop.blog45.fc2.com/blog-entry-52.html" target="_blank">◆笑ったメモ:ブログでの文字サイズ(覚書)<a>
適切な文字サイズ・色・行間は? ブログだけに限らずネットショップを運営していても悩む事が多いのが、「文字サイズはいくつが適当なのか?」っていうことだよね。 特に、ネットショップではどれだけその商品の説明文を読ませることが出来るかが、毎日の売上に直接関わってくるから、よりいっそう注意しな

2006/03/02 09:55:49 | デジカメで商品写真を撮影する方法

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。