Почему все шрифты (то есть значки глифов) загружаются правильно, если я использую ТОЛЬКО сетевой исходный файл CDN Boostrap? - PullRequest
Новая
       57

Почему все шрифты (то есть значки глифов) загружаются правильно, если я использую ТОЛЬКО сетевой исходный файл CDN Boostrap?

0 голосов
/ 06 марта 2020

Следующий код Plunker (https://embed.plnkr.co/KpVqaiblOKGk5K6VWmi4/) отлично работает, если я копирую и вставляю все в код Microsoft Visual Studio. Когда я использую исходный файл Bootstrap в автономном режиме (т. Е. Задаю для моей ссылки href местоположение файла вместо сетевого URL-адреса), появляется следующее сообщение об ошибке, и ни один из значков не отображается:

CSS3119: Нет доступных шрифтов для @ font-face rule bootstrap. css (266,5) вывод без bootstrap icons

Вот изображение моего каталога исходных файлов, как я хочу, чтобы мой вывод выглядел, и мой код HTML (код JA напрямую копируется и вставляется из ссылки Plunker): список каталогов исходного файла правильный вывод с bootstrap icons 

<code>    <head>
    <link rel="stylesheet" href="library/bootstrap.css" />
        <!--    THIS CODE LOADS GLYPHICONS ICONS PROPERLY <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.css" />  -->
    <link rel="stylesheet" href="library/angular-dropdownMultiselect.min.css" />
    <link rel="stylesheet" href="style.css" />

    <script src="library/angular.min.js"></script>
    <script src="library/angular-dropdownMultiselect.min.js"></script>
    <script src="script.js"></script>
    </head>

  <body>
    <div ng-app="App">
      <div ng-controller="MyController">
        <div style="margin-top: 25px;">
          <dropdown-multiselect dropdown-config="config" model="selectedItems"></dropdown-multiselect>
        </div>
        <br>
        <pre> Selected Items = {{selectedItems | json}}

1 Ответ

0 голосов
/ 06 марта 2020

Вам необходимо правильно загрузить Bootstrap с официальной загрузки по ссылке . Эта официальная загрузка содержит каталог / fonts /, который содержит файлы шрифтов глификонов. Пример для вашего css файла: 

@font-face{
    font-family:'Glyphicons Halflings';
    src:url(../fonts/glyphicons-halflings-regular.eot);
}
...