[font-family]FireFox3.xとWebKitの違い
FireFox3.xは基本的にはFontBookで言う
『フルネーム』指定が確実
Safari等Webkit系は
『PostScript 名』と『ファミリー名』で確実
このブログに指定している
『太字』の場合
font-family: '小塚ゴシック Pr6N H', '小塚ゴシック Pro H', KozGoPr6N-Heavy, KozGoPro-Heavy, 'ヒラギノ角ゴ StdN W9', 'ヒラギノ角ゴ Std W9', 'ヒラギノ角ゴ ProN W6', 'ヒラギノ角ゴ Pro W6',HiraKakuStdN-W9,HiraKakuStd-W9,HiraKakuProN-W6,HiraKakuPro-W6, Meiryo, MS-PGothic, MS-Gothic, MS-UIGothic,'Myriad Pro', MyriadPro, MyriadStd, Arial, Verdana, sans-serif;
『細字』の場合
font-family: '小塚ゴシック Pr6N EL', '小塚ゴシック Pro EL', KozGoPr6N-ExtraLight, KozGoPro-ExtraLight, 'ヒラギノ角ゴ StdN W1', 'ヒラギノ角ゴ Std W1', 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', HiraKakuStdN-W1, HiraKakuStd-W1,HiraKakuProN-W3,HiraKakuPro-W3, Meiryo, MS-PGothic, MS-Gothic, MS-UIGothic,'Myriad Pro', MyriadPro, MyriadStd, Arial, Verdana, sans-serif;
『欧文太字』の場合
font-family: 'Helvetica Neue Bold',HelveticaNeue-Bold,'Helvetica Bold',Helvetica-Bold,'Myriad Pro Bold',MyriadPro-Bold,HelveticaNeue, Helvetica,MyriadPro,MyriadStd, Arial, sans-serif !important;
こんな感じで
指定しています。
Operaはダメですがそれ以外は意図したフォントで
描画されているので
気に入っています。
| 固定リンク
「CSS」カテゴリの記事
- 紙媒体中心の人にはピンと来ないかも(2017.02.19)
- [CSS]フォントの各名称とCSS【その2】(2016.02.11)
- [CSS]フォントの各名称とCSS【その1】(2016.02.11)
- Export image file or get Base64 Photoshop layers(2013.03.29)
- CSS3(2010.12.21)
この記事へのコメントは終了しました。



[RSS]
コメント