[HTML&CSS-CSS] font-familyの指定
最近、自分がよく使うfont-familyの指定をメモ。 font-familyでよく見る指定
body { font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; }
これだと、Windows上だと 「メイリオ」があれば「メイリオ」 「メイリオ」がなければ「MS Pゴシック」 と、2種類のフォントで表示される可能性がある。 かつ、この二つのフォント 文字の大きさが異なるので、文字が自動改行されたり等で表示が崩れる要因になりかねない。 また、Windows XPでもメイリオはインストールできますが 単純にインストールされただけの状態では綺麗にフォントが表示されませんので そんな無様な表示はさせたくはありません。 参考:メイリオとMS Pゴシックの比較 (おおよそ、MS Pゴシックの32pxとメイリオの27pxが同じサイズ) それを踏まえた上で、あえて「メイリオ」を外してしまいましょう。
body { font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif; }
また「ヒラギノ角ゴ」は基本的にMacが対象となってくるので フォントサイズであったりの表示調整用のCSSは 差分のみ後から読み込んでやりましょう。
if(navigator.appVersion.indexOf ("Mac", 0) != -1) { document.write ('<link rel="stylesheet" type="text/css" href="./css/style_mac.css">'); }
「CSS」に関する「本」の商品を自動的に表示しています。
キーワードに関連していない商品は、Amazonがオススメする商品です。気になる物があればどうぞ。
キーワードに関連していない商品は、Amazonがオススメする商品です。気になる物があればどうぞ。
作成日:2011年06月20日(Mon)