Font Awesome из пакета Nuget и ссылка с BundleConfig.cs - PullRequest
Новая
       44

Font Awesome из пакета Nuget и ссылка с BundleConfig.cs

1 голос
/ 11 апреля 2019

Я установил FontAwesome из консоли диспетчера NuGet в VS2015 v4.7.0. Это поместило два файла (font-awesome.css / font-awesome.min.css) в папку ~ / Content и папку fonts в ~ / fonts. Когда я открыл font-awesome.css, это выглядит правильно. 

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') 
  format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2? 
  v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff? 
  v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf? 
  v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg? 
  v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

я проверил, что эталонные пути были правильными

Я включил эту строку кода в BundleConfig.cs для ссылки на эту библиотеку в проекте 

bundles.Add(new StyleBundle("~/Content/css").Include(                    
                      "~/Content/bootstrap.css",
                      "~/Content/bootstrap-datepicker.css",
                      "~/Content/StickyFooter.css",
                      "~/Content/font-awesome.css"
                      ));

Ссылка на файл комплекта приведена на странице _Layout.cshtml. 

<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

</head>

Эта строка кода показывает только квадрат. 

<span class="input-group-prepend"><i class="fas fa-angle-double-down"></i></span> 

Or 
<span class="input-group-prepend"><i class="fa-angle-double-down"></i></span>

Пожалуйста, подскажите, чего мне не хватает.

1 Ответ

0 голосов
/ 11 апреля 2019

Классы, которые вам нужно использовать: fa fa-angle-double-down, в отличие от двух перечисленных вами попыток: fas fa-angle-double-down и fa-angle-double-down

<span class="input-group-prepend"><i class="fa fa-angle-double-down"></i></span>

Обратите внимание, что префикс fa устарел в версии 5 и заменен на fas, fal, far и fab, что, я уверен, объясняется в документации, которую вы просматриваете fas. Однако самая последняя версия FontAwesome для Nuget - v4.7, поэтому вам следует использовать более старый префикс fa.

Вы можете найти документацию по FontAwesome 4.7 и список значков здесь

...