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构建操作未设置为“copy if new”，因此在重新部署站点时，字体实际上已被删除从服务器（我以前必须手动部署它们以便在服务器上进行测试）。

自定义字体未在iframe中加载

1 个答案: