Перейти к основному содержанию
Cобственный шрифт в Azure WebApps

Как подключить собственный шрифт в Azure WebApps

Как подключить собственный шрифт в Azure WebApps

При переносе веб-проекта в Microsoft Azure можно столкнуться с проблемой, что собственные шрифты, подключенные к сайту, не отображаются, а вместо них мы видим стандартные Arial, Tahoma или Times New Roman.

Cобственный шрифт в Azure WebApps

Для того, чтобы подключить собственный шрифт вам необходимо в корне проекта создать файл web.config с содержанием:

<?xml version="1.0" encoding="utf-8"?>
<configuration>
 <system.webServer>
   <staticContent>
     <remove fileExtension=".woff" /> <!-- In case IIS already has this mime type --
     <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
   </staticContent>    
 </system.webServer>
</configuration>

где, .woff – расширение подключаемого шрифта

Если у вас присутствует файл присутствует web.config, то вы можете добавить такой код:

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