うらひな ブログ。

ヒナ@club_hinako『のほほん日記』 ━━ 日々のあれこれや気になるものたち ━━

CSS fontへの指定

2007-12-07 23:59:03 | WEBお勉強メモo

スタイルシートでのフォントサイズの指定について


「WEBお勉強メモo」なので、コメントし辛いと思いますが、
あくまで「メモo」なので、自分用。
すみませぬがよろしく(・ω・`)

【CCS】
fontを少し変更。
今回はVerdana、Arialを追加して、
「メイリオ、ヒイラギ角ゴProW3 ヒラギノ角ゴProW3、Osaka、
 Verdana、Arial、MS Pゴシック、sans-serif」
の順に設定。(2010/02/05 フォント名一部修正しました)
そのおかげで記号と英数字の表示が変わった(=´ω`=)

fontでの今の問題点は、font-sizeを12pxに設定していること。
ピクセル指定は出来るだけしないほうが良い。
小さなフォントはユーザビリティ上好ましくないが、
見た感じが可愛らしいのでヒナは大好き。
でもピクセル指定の場合、ユーザーが自分の好きなサイズに変更しようとした時に変更が効かず、
ユーザビリティ上良くない。

小さなフォントだと、確かに読みづらい。
11pxだとこんなん↓
11pxですよ。ちっちゃいなぁ
10px・・・↓
10pxですよ。ちっちゃいなぁ(汗)


若くて高解像度のモニターを使っていても、何時間もモニターを見続けて目が疲れている時とか結構辛い。
高齢だとか、視力の弱い方だけじゃなく、自分だってたまには大きくして読みたい時もある。
なんにせよ、デザイン上ラクだから何も考えずに絶対指定でピクセル指定をしていたけど、
誰のための表示指定なの?というコトなのではないか と思う。
そういう所も考えるのが、今のデザインなんじゃないかなー(・ω・`)

相対的なsmall指定にするとか、%指定に変更するべき。
スタイルシートでのフォントサイズの絶対指定をやめること。
%指定が一番良いのかも。
bodyで90%とか指定しているところがあったり、small指定だったり、
人それぞれだけど。

うにゅ~(・ω・`)
可変にしても崩れないデザインにしなくてはいけない。
これが、作る側の腕の使い所かも。

ところでフォントの指定は?
それはデザイン的にOKなのかな?(´・ω・)


【HTML】
サイドバーの表示位置への変更。
xmasのブログパーツを上に張りたかったので、カレンダーを下げた。
プロフィールはサイトを開いた時に目に入るように上部にあったほうが良いと思って2番目に。
最近の投稿も、目に入るところにあったら更新が分かるから上部に。
その分、カテゴリーと検索BOXも下げてみた。

でも・・・
カレンダーも上部にあったほうが良いのかなー(・ω・`)
今までずっとTopにあったから、無いとなんだか探してしまう。
うーむ(・ω・´;)
難しい・・・。

もしかして
「そもそもプロフィールが要らないよっ(*´・ω・。)σポイっ」
とか言われたりして(汗)

やっぱり、カレンダー要る?

 + + + + + + + + + + + +

HTMLとCSSのお勉強の一環として、ブログを編集してみてます。
べっ、別にヒマなんじゃないんだからねっ!! (・ω・´;)

ヒナはまだ簡単なCSSしか使えないけど、
ちゃんとCSS Validatorに通るように気をつけて指定してます。
 ※CSS Validatorは、W3Cが提供するCSSの構文チェッカーです
CSS Validator 
 →http://jigsaw.w3.org/css-validator/manual.html.ja

結局ブログみたいに自分で毎日(のように)更新するものは、
いくらCSSのほうでclassやspanにフォントのサイズ指定や色指定してみても、
結局ブログのTEXTエディターを使っているので(改行もEnterキーで出来ちゃうし)
span指定するのが面倒で、ついつい直接書いてしまうのですけどね(・ω・`)
そりゃHTML構文の検証には通らないさ。

自分で何かサイトを立ち上げて、
そこでいろいろ試してみるのが一番かな(`・ω・)p

4 コメント

コメント日が  古い順  |   新しい順
Rサマへ (ひなこサマ)
2007-12-09 01:35:09
(´゜ω゜):;*.':;ブハァッ
み・・・見てきましたよっ!!(・ω・´;)

さすがRサマ。。。
そして、さすがT氏www

つかみからやられました!
確かにコレは来る~!!

クリントン20トン♪


あ、個人的にペヨンジュンネタも好きです。
個人的に ね(・ω・`)
返信する
まっくサンへ (ひなこサマ)
2007-12-09 01:21:07
>見やすくなったのは、気のせいかな。

画面見やすくなりましたっ!?
気のせいかなw
でも良かったー(=´ω`=)

ヒナの環境はOS windowsで、
ブラウザはFirefoxとIE7、IE6でしか確認できないのですが、
見やすくなっていればいいなぁ。
返信する
Unknown (R)
2007-12-09 01:02:17
サイトかぁ・・・

それもいいけど、笑える動画を見つけたのでおすそわけ・・・うちのT曰く、小島よしおの次は間違いなくこれだそうな^^;
http://jp.youtube.com/watch?v=RIqSjtIMa5g
返信する
画面 (まっく)
2007-12-08 22:04:14
見やすくなったのは、気のせいかな。
字が、はっきりしてる?
返信する

コメントを投稿

ブログ作成者から承認されるまでコメントは反映されません。