css - 自定义字体未在 iframe 中加载

Question

• 我有一个 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>

Answer 1

修复了这个问题。我们正在使用 TFS(Team Foundation Server)构建系统来部署站点，并且字体的 TFS 构建操作未设置为“如果更新则复制”，因此当站点被重新部署时，字体实际上已被删除从服务器(我以前不得不手动部署它们以在服务器上进行测试)。