Fontsquirrel @fontface Generatorを使用して、使用している3つのフォントのCSSを作成しました。フォントは、他のバージョンのIEを含むすべてのブラウザーで正しく表示されていますが、IE9ではフォントが表示されていません。
CSSは次のとおりです。
@font-face {
font-family: "OswaldBold";
src: url("../fonts/oswald-bold-webfont.eot");
src: url("../fonts/oswald-bold-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/oswald-bold-webfont.woff") format("woff"),
url("../fonts/oswald-bold-webfont.ttf") format("truetype"),
url("../fonts/oswald-bold-webfont.svg#OswaldBold") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OswaldRegular";
src: url("../fonts/oswald-regular-webfont.eot");
src: url("../fonts/oswald-regular-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/oswald-regular-webfont.woff") format("woff"),
url("../fonts/oswald-regular-webfont.ttf") format("truetype"),
url("../fonts/oswald-regular-webfont.svg#OswaldRegular") format("svg");
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: "OswaldLight";
src: url("../fonts/oswald-light-webfont.eot");
src: url("../fonts/oswald-light-webfont.eot?#iefix") format("embedded-opentype"),
url("../fonts/oswald-light-webfont.woff") format("woff"),
url("../fonts/oswald-light-webfont.ttf") format("truetype"),
url("../fonts/oswald-light-webfont.svg#OswaldLight") format("svg");
font-weight: normal;
font-style: normal;
}
...そして、IE開発者コンソールで発生するエラーは次のとおりです。
CSS3111:@font-faceで不明なエラーが発生しました。
oswald-light-webfont.eot?#iefixCSS3111:@font-faceで不明なエラーが発生しました。
oswald-bold-webfont.eot?#iefixCSS3111:@font-faceで不明なエラーが発生しました。
oswald-light-webfont.woffCSS3111:@font-faceで不明なエラーが発生しました。
oswald-bold-webfont.woffCSS3114:@font-faceがOpenType埋め込み権限チェックに失敗しました。権限はインストール可能である必要があります。
oswald-light-webfont.ttfCSS3114:@font-faceがOpenType埋め込み権限チェックに失敗しました。権限はインストール可能である必要があります。
oswald-bold-webfont.ttf
私が行った検索には運がなかったので、洞察をいただければ幸いです。前もって感謝します。