これを行うことで、CSS にフォントをロードしています。
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrow.ttf);
font-weight:normal;
font-style:normal;
}
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrowBold.ttf);
font-weight:bold;
font-style:normal;
}
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrowItalic.ttf);
font-style:italic;
font-weight:normal;
}
@font-face{
font-family: arialNarrow;
src: url(../fonts/ArialNarrowBoldItalic.ttf);
font-weight:bold;
font-style:italic;
}
通常のスタイルは、すべてのブラウザーで機能します。
太字と斜体のスタイルは、IE9 でのみ正しく機能しますが、Chrome と FireFox では機能しません。私は何か間違ったことをしていますか?