Css 未在iframe中加载自定义字体 我有一个iframe，我通过样式表应用的自定义字体都没有加载（字体在样式表中正确应用，只是不起作用） 我试图在实际的iframe中添加样式，而不是从父页面添加样式 样式表中正确定义了字体（我正在应用各种不同的字体类型，例如.eot.otf.woff和.svg） 我还在我的web.config中正确地配置了字体的mime类型，并且字体在服务器上的正确位置（我正在托管实际的字体） 浏览器的“控制台”中没有错误 在Firefox的“net”选项卡中，没有任何文件加载失败 字体不会加载到任何浏览器上

你知道发生了什么事吗？还有什么我应该检查的吗

以下是样式表中的字体声明：

@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>

修复了此问题。我们正在使用TFS（Team Foundation Server）构建系统来部署站点，字体的TFS构建动作没有被设置为“如果更新的话复制”，因此当站点被重新部署时，字体实际上已经从服务器上删除（以前我必须手动部署它们用于服务器上的测试目的）。我们使用TFS（Team Foundation Server）构建系统来部署站点，字体的TFS构建动作没有被设置为“如果更新的话复制”，因此当站点被重新部署时，字体实际上已经从服务器上删除（以前我必须手动部署它们以用于服务器上的测试目的）。.

您是否检查了浏览器是否尝试在Inspector Networkpanel中加载不存在的ressource？您是否使用框架页面中的字体指定了样式表？Josh，谢谢，尽管没有，但不是重复的问题-我正在尝试在实际的iframe中添加样式，而不是从父页面添加样式。我编辑了这个问题来澄清这一点谢谢Bernhard-我检查并编辑了我的问题，以澄清在Firefox的“net”选项卡中，没有任何失败的加载files@ChrisHalcrow不确定为什么有人否决了-1+，以反对它。您是否检查了浏览器是否尝试在Inspector Networkpanel中加载不存在的ressource？您是否使用框架页面中的字体指定了样式表？Josh，谢谢，尽管没有，这不是一个重复的问题-我试图在实际的iframe中添加样式，而不是从父页面添加样式。我编辑了这个问题来澄清这一点谢谢Bernhard-我检查并编辑了我的问题，以澄清在Firefox的“net”选项卡中，没有任何失败的加载files@ChrisHalcrow不知道为什么有人投了-1+反对票。