字体不能在天蓝色上工作

Question

这是我的 css 字体：

@font-face {
    font-family: 'bauhaus_93regular';
    src: url('/fonts/bauhaus93-webfont.eot');
    src: url('/fonts/bauhaus93-webfont.eot?#iefix') 
         format('embedded-opentype'), url('/fonts/bauhaus93-webfont.woff2') format('woff2'), url('/fonts/bauhaus93-webfont.woff') format('woff'), url('/fonts/bauhaus93-webfont.ttf') format('truetype'), url('/fonts/bauhaus93-webfont.svg#bauhaus_93regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

在这里，我在我的 web.config 中添加了以下块到 azure 上的运行自定义字体（当我部署我的网站时）：

<system.webServer>
    <modules runAllManagedModulesForAllRequests="true"/>
    <staticContent>
      <remove fileExtension=".svg" />
      <remove fileExtension=".eot" />
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
    </staticContent>
</system.webServer>

在本地主机上工作正常。 Buuuut 当我在 azure 上部署我的网站时它不起作用...... 有人可以帮助我吗？提前致谢！

Answer 1

我解决了问题。如果我直接在应答器中指定新的 font-family，如下所示：

<a class="white" id="TitleGravure"style="font-family:'Bauhaus 93';">
   La gravure dans toutes ses applications
</a>

它工作正常。所以目前我会这样做，在我重新考虑路线的捆绑包之后...感谢您的帮助。

字体不能在天蓝色上工作

Font-face not working on azure

css

web-config

azure

font-face