Windows、Linux、Software全般又はWeblog等に関する愚痴っぽいMemo

PAPAパラダイス's Homepage: 本サイトのCSSにTakaoフォントを適用

| Home |

木曜日, 9月 30, 2010

本サイトのCSSにTakaoフォントを適用

最近のUbuntuのデフォルトの日本語フォントは、Takaoフォントらしい。
そこで、以下のとおり本サイトのCSSにTakaoフォントを加えてみた。
あまり意味はない。

html, body,  div, p, h1, h2, h3, h4, li, dt, dd, blockquote, caption, th, td, input, select, option {
font-family: 'Meiryo' ,'Hiragino Kaku Gothic Pro', 'Osaka', 'VL PGothic', 'TakaoPGothic', 'HGPGothicM', 'メイリオ', 'ヒラギノ角ゴ Pro W3', 'VL Pゴシック', 'Takao Pゴシック', 'HGPゴシックM', 'MS UI Gothic', Sans, sans-serif;
}
pre, textarea, code, kbd, samp {
font-family: 'Osaka-mono', 'VL Gothic', 'TakaoGothic', 'HGGothicM', 'Osaka-等幅', 'VL ゴシック', 'Takaoゴシック', 'HGゴシックM', Mono, monospace;
}

まず1バイト文字でフォント名を適用させたい順に記述し、次に2バイト文字で同じフォント名を記述する。
よくわからないけど、こうやるとクロスブラウザ環境でだいたい結果が同じになる。
また、これらの中にArial・Tahoma・Verdanaなど日本語のフォントを含まないフォントの名前を入れると、かつてOperaではアウトだった。
現在のバージョンのOperaはどうだか知らない。


Posted by PAPAパラダイス at 11:10.08 午後 日本標準時 | Internet, Weblog | Comments
楽天

Comments