Я пытаюсь использовать F-A v4.7 для отображения некоторых значков. Я не могу использовать CDN, потому что создаю сайт в интрасети, к которому нет доступа за пределами сети. Я скопировал файлы .css в папку «Содержимое», а шрифты — в каталог в корне сайта.
Я добавил .css в пакет в своем проекте MVC. Теперь я получаю интеллект для различных значков F-A. Однако, когда я просматриваю сайт, мой образец значка не отображается.
Я посмотрел страницу с инструментами разработчика, и у меня нет никаких ошибок. Я отредактировал файл .css и заменил URL-адрес шрифтов, чтобы использовать «~» вместо «..», но это не сработало.
@font-face {
font-family: 'FontAwesome';
src: url('~/fonts/fontawesome-webfont.eot?v=4.7.0');
Я сделал это, потому что мой файл .css находится в папке root\Content\font-awesome.css
, а шрифты находятся в папке root\fonts\. Использование тильды должно убедиться, что он использует корень, а затем каталог \fonts\
.
Тем не менее, ни ошибок, ни черного квадрата там, где должна быть иконка. Просто значок не отображается. В инструментах разработчика я вижу правильный синтаксис. <i class="fa fa-print"> FA font</i>
У кого-нибудь есть предложения?