У меня проблема с тем, что на моем опубликованном сервере IIS в виде квадратов отображаются удивительные значки шрифтов (404 не найдено), но они работают в отладчике Visual Studio. Я понимаю, что есть несколько ответов на один и тот же вопрос, но они не смогли решить эту проблему.
Я использую шаблон sb-admin с сайта startboostrap.com. Вот что я сделал до сих пор:
- Добавлены типы Mime в диспетчер IIS: .woff и .woff2 как
application / font-woff и application / font-woff2.
- Использовал этот код в Index.html (не обращая внимания на тот факт, что есть ссылки на несколько мест, я попробовал то, что было в шаблоне, а также сам импортировал font-awesome, прокомментировал каждый из них по отдельности, чтобы увидеть, произойдет ли что-нибудь):
<!-- Custom fonts for this template-->
<link href="vendor/fontawesome-free/css/all.min.css" rel="stylesheet"
type="text/css">
<!-- Page level plugin CSS-->
<link href="vendor/datatables/dataTables.bootstrap4.css" rel="stylesheet">
<!-- Custom styles for this template-->
<link href="Content/sb-admin.css" rel="stylesheet">
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.9.0/css/font-awesome.css" rel='stylesheet' type='text/css' />
<link href="fa_5.9/css/fontawesome.css" rel="stylesheet">
<link href="fa_5.9/css/brands.css" rel="stylesheet">
<link href="fa_5.9/css/solid.css" rel="stylesheet">
- Настроенные типы пантомимы в Web.config:
<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>
...
- Добавлено в sb-admin.css (просто чтобы попробовать):
@import url("http://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.9.0/css/font-awesome.css");
Я почти сдался. Я единственный разработчик для компании, и это мой первый опыт веб-разработки для них, и я на самом деле не думаю, что есть что-то еще, что я могу попробовать в этой точке. У кого-нибудь есть какие-нибудь подсказки, что может это исправить?
РЕДАКТИРОВАТЬ: Исправлено! Я обнаружил, что этот материал на самом деле не имеет отношения к моей проблеме. Всякий раз, когда я «публиковал» проект с использованием Visual Studio, он не включал бы все папки, от которых зависели ссылки в HTML-коде (например, «vendor /»). Я просто переместил эти папки в папку, содержащую опубликованный код, и теперь проект работает.