人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

Webサイトのフォントサイズを統一したい!!

xml宣言なしのXHTML 1.0 Transitionalでコーディングをしています。
基本win&Macのモダンブラウザーが対象ですが可能な限り幅広く対応させたいと思っています。
現状はbodyタグにfont-size100%指定をしてそれを基準にして
サイズ変更したい場合は個別に90%や80%などにして指定しています。
分かりきっているのですが環境によってフォントサイズがマチマチです。
希望としてはどの環境で見ても同じフォントサイズで表示されるようにしたいのですが
一般的(ベストな方法)を教えていただきたくおもいます。
その際できるだけ環境別に専用のCSSを読み込ませるなどの方法は出来る限り避けたいので
それ以外の方法でなるべくシンプル(スマート)な方法を教えていただきたくおもいます。


●質問者: sango_clip
●カテゴリ:コンピュータ ウェブ制作
✍キーワード:BODY CSS Mac webサイト WIN
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● ジュン2
●27ポイント

フォントサイズを12pt等の絶対的な数値で指定すれば

画面の大きさ・解像度にしか影響されません。

尚現在XHTMLは1.1が有り、style属性が

廃止されているので、将来対応できるように

16pt, 12pt, 10pt等とクラスに分けて、文書から

class属性で参照する等にすると良いと思います。

サンプル

http://be4you.jp/iclaroom/mine/sample.css

但し視力の低い人や高解像度・低解像度等有るので

フォントサイズを固定してしまうのも余り

推奨できません。(場合にもよりますが)

◎質問者からの返答

早々のご回答ありがとうございます。

基本絶対指定は考えてません。

あくまでも相対指定でこの問題を解決したいと思っています。


2 ● ジュン2
●27ポイント

前の回答と同じ者です。

http://www.weblab.co.jp/blog/2009/01/post_65.html

フォントサイズの100%はブラウザ等によって違いますが

この基準を統一して、文書全体をdivで囲んで其処で

100%、90%と指定する等の方法に為ります。

取り敢えず何処かに絶対指定を入れないと統一は

出来ないはずですが、これが駄目ならば他の方の

回答をお待ちください。


3 ● rokue
●26ポイント

Yahoo!のUI Libraryはいかがでしょうか。

http://developer.yahoo.com/yui/fonts/

Fonts CSSを利用すれば、主要なモダンブラウザで13px相当にフォントサイズを統一できます。

どの程度古いブラウザまで対処できるかは覚えていませんが、確かIE5程度まではカバーできたはずです。

これを読み込み後、body直下のdiv#wrapperなどに%指定をかませてサイズを調整すれば良いかと思います。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ