- iframe があり、スタイルシートを介して適用しているカスタム フォントが読み込まれていません (フォントはスタイルシートに正しく適用されていますが、機能しません)。
- 親ページからではなく、実際のiframeにスタイルを追加しようとしています
- フォントはスタイルシートで正しく定義されています (.eot .otf .woff や .svg などのさまざまなフォント タイプを適用しています)。
- また、web.config でフォントの MIME タイプを正しく構成しました。フォントはサーバーの正しい場所にあります (実際のフォントをホストしています)。
- ブラウザの「コンソール」にエラーはありません
- Firefox の「ネット」タブでは、どのファイルのロードも失敗していません。
- どのブラウザーでもフォントが読み込まれない
何が起こっているのか、または他に確認すべきことはありますか?
スタイルシートのフォント宣言は次のとおりです。
@font-face {
font-family: 'TradeGothicLTBdCondTwenty';
src: url('../fonts/lte50543.eot');
src: url('../fonts/lte50543.eot') format('embedded-opentype'),
url('../fonts/lte50543.woff') format('woff'),
url('../fonts/lte50543.ttf') format('truetype'),
url('../fonts/lte50543.svg#TradeGothicLTBdCondTwenty') format('svg');
}
ファイルの種類を許可する web.config の staticContent セクションは次のとおりです。
<staticContent>
<!-- HTML5 Web font MIMEtypes -->
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".otf" />
<mimeMap fileExtension=".otf" mimeType="font/otf" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<!-- Proper SVG Serving -->
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
<remove fileExtension=".svgz" />
<mimeMap fileExtension=".svgz" mimeType="image/svg+xml"/>
</staticContent>