notizbloc / kentymmt

font-familyの指定メモ 12/16加筆

今までは

{
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

としていた。

font-familyの指定はウェイトなしのアルファベット表記のみでほぼよさそう

これを参考にVerdana,arialを足して

{
font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',Verdana,arial,sans-serif;
}

とする。

Macにメイリオが入ってる場合 or Winにヒラギノが入っている場合
＋Androidも悩ましい

{
font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',Verdana,arial,sans-serif;
}

か

{
font-family: Meiryo,'Hiragino Kaku Gothic Pro','MS PGothic',Verdana,arial,sans-serif;
}

かなぁー。

font-mac.cssとfont-win.cssみたいなのを用意してJSで切り替えるなど。

var os = (!navigator.appVersion.indexOf ("Win")) ? "win" : "mac";
document.write ('<link rel="stylesheet" href="./css/font-' + os + '.css" type="text/css" />')

{
font-family: 'Hiragino Kaku Gothic Pro',Meiryo,'MS PGothic',Verdana,arial,sans-serif;
}

or

{
font-family: Meiryo,'MS PGothic',Verdana,arial,sans-serif;
}

になる。
これだとAndroidどうするよ。

if (navigator.appVersion.indexOf('Mac') != -1) {
document.write ('<link rel="stylesheet" href="/css/font-mac.css" type="text/css" />');
} else {
document.write ('<link rel="stylesheet" href="/css/font-win.css" type="text/css" />');
}

でMacの場合のみにするかーと。

No tags for this post.