Браузер не загружает файл шрифта (woff / woff2) при загрузке веб-сайта - PullRequest
Новая
       67

Браузер не загружает файл шрифта (woff / woff2) при загрузке веб-сайта

0 голосов
/ 18 июня 2020

У меня есть частичная страница бритвы, на которой я определяю font-family и font-face для шрифта с именем Futura Bk BT Book . 

@if (!string.IsNullOrEmpty(Model.Font))
{
    <text>
        @@font-face{
            font-family: "'Futura Bk BT Book'";
                src: url(@Url.Content("~/Assets/fonts/Futura Bk BT Book.woff2")) format("woff2"),
                     url(@Url.Content("~/Assets/fonts/Futura Bk BT Book.woff")) format("woff");
        }
        html{
            font-family: @Html.Raw(Model.Font);
        }
    </text>
}

Когда я получаю доступ к этому страница, браузер не загружает связанные файлы woff и вместо этого использует следующий шрифт, указанный в @Model.Font, который равен Arial .

screenshot from browser dev tools

Когда я пытаюсь получить доступ к файлу шрифта через URL-адрес, который я получаю по @Url.Content("~/Assets/fonts/Futura Bk BT Book.woff2"), я могу загрузить файл. Так что кажется, что файл доступен, и только браузер не пытается его загрузить.

Я использую C# 7.3 и IIS 10.

Я рад любому подсказка и может предоставить дополнительную информацию при необходимости.

Ответы [ 2 ]

1 голос
/ 19 июня 2020

Насколько я знаю, IIS не требует добавления mime-типа для WOFF, он понадобится для WOFF2. Таким образом, вы можете попробовать добавить тип mime в IIS, изменив свой Web.Config следующим образом: 

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

0 голосов
/ 22 июня 2020

Мы решили проблему. Проблема заключалась в том, что наш конвейер сборки не перестраивал файл css. Так что никаких проблем с вышеуказанной функциональностью не возникнет.

...