如何使otf字体在纯角度网站上的Azure上工作

时间:2017-02-17 11:46:07

标签: angularjs azure web fonts web-config

我有一个纯粹的角度网站(不是.Net),我想在Azure上托管。我通过FTP上传了Azure文件夹中的必要文​​件。除字体外,网站工作正常。它无法加载.otf字体。由于我的网站不是.Net,它甚至没有web.config文件。所以我创建了以下web.config文件,以便能够支持.otf文件类型:

<configuration>
    <configSections>

    </configSections>
    <system.web>
        <staticContent>
            <remove fileExtension=".otf" />
            <mimeMap fileExtension=".otf" mimeType="font/otf" />
         </staticContent>   
    </system.web>
</configuration> 

在此之后,我开始收到以下错误消息:

The configuration section 'staticContent' cannot be read because it is missing a section declaration.

我试图在<configSections>部分声明它:

    <sectionGroup name="system.webServer" type="System.WebServer.Configuration.SystemWebServerSectionGroup">
        <section name="staticContent" type="System.WebServer.Configuration.StaticContentSection" overrideModeDefault="Deny" />
    </sectionGroup> 

现在我收到以下错误:

There is a duplicate 'system.webServer/staticContent' section defined

因此,如果我不声明该部分,则不起作用。如果我宣布它,那么它是重复的。我错过了什么或者是和我开玩笑吗?

1 个答案:

答案 0 :(得分:2)

你有没有试过放入你的webconfig:...小心......在<system.webServer>部分

<system.webServer>
    <staticContent>
    <remove fileExtension=".otf" />
            <mimeMap fileExtension=".otf" mimeType="font/otf" />
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

    </staticContent>
</system.webServer>