ゲストさんログイン

統合検索

ソーシャルブックマーク

[PR]livedoorパチンコ みなパチ。

Ads by Google

ページ詳細

105
users

CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係

CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示され...

Ads by Google


コメント

Quoted: webデザイナーのナナメガキ。webデザインに関して思うこと。xhtml+cssやperl、phpなどの備忘録。

あーあー

フォント指定について

指定無し+UTF8→Times New Roman
sans-serif+UTF8→Arial
共に英数文字

font-familyの記述方法

Safaliで指定できるのはマジでフォントファミリーなんで、font-weightは別途指定しないといかんことも注意だよね。

>>変な動きをしてしまうのでfont-familyにはきちんとフォント名で指定する必要がある。ところがここでもブラウザによって解釈がまちまちなのできちんと指定しないと意図通りには表示されない。

以前フォントをいろいろインスコして残念な思いをしたことが多々あるので基本はフォント指定なし派

指定無し+UTF8→Times New Roman
sans-serif+UTF8→Arial
共に英数文字

ちょうど昨日悩んでたところでタイムリー

文字コードとフォント設定

MacとWinで分けないとダメ。文字コードによっても。

「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしまう

閲覧者のデフォルト設定に任せて指定しないほうがいいんじゃない…?とはいうものの、プロのデザイナは顧客の要望もあるからそうもいきませんね。

追記がベターかと思います

Ads by Google


クリップ(82+23)
CSSのfont-family:ヒラギノとMS Pゴシックとメイリオの悩ましい関係
livedoor クリップのトップに戻る