Как изменить семейство шрифтов в проекте C# MVC?

Question

У меня есть проект C# MVC, который я изменил семейство шрифтов. На localhost он работает, но когда он на сервере, он не работает.

Localhost:

И на сервере:

На моем _Layout.cshtml (общий макет) у меня есть следующая ссылка на стиль шрифта:

<link rel="stylesheet" href="https://use.typekit.net/idk3wns.css">

И в моем файле site.css я поместил это:

*{
    font-family: indie-flower, sans-serif;
    font-style: normal;
    font-weight: 400;
}

Кто-то знает, почему это происходит, и как я могу это исправить?

Answer 1

Ваш запрос к семье шрифтов <link rel="stylesheet" href="https://use.typekit.net/idk3wns.css"> отклоняется.

Отличный, надежный и открытый ресурс шрифтов это Google Fonts. Там вы можете найти много шрифтов и легко получить ссылки.

В частности, в вашем случае вы можете использовать это:

<link href="https://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet">

И используйте так:

*{
    font-family: 'Indie Flower', sans-serif;
    font-style: normal;
    font-weight: 400;
}

Answer 2

Я мог предположить, что разница может быть связана с брандмауэром сервера, проверьте раздел 7 ссылки ниже и убедитесь, что порты открыты.

Если ваш сетевой прокси или брандмауэр блокирует доступ к любому из необходимых доменов, синхронизация шрифтов не будет работать. Ваш компьютер должен иметь доступ к этим конечным точкам и загружать с них файлы.

Вот список необходимых доменов; порт 443 также должен быть открыт.

https://data.typekit.net:443
https://state.typekit.net:443
https://polka.typekit.com:443
https://api.typekit.com:443

Используйте тестовую страницу Typekit для проверки этих соединений с вашего компьютера в веб-браузере.

Тестирование в браузере

устранение неполадок с typekit