I recently encountered an issue with my Plunker code (https://embed.plnkr.co/KpVqaiblOKGk5K6VWmi4/), where everything worked perfectly in Microsoft Visual Studio Code. However, when I tried to use the Bootstrap source file offline by setting the link's href to a local file instead of an online URL, I started getting this error message and none of the icons were loading:
CSS3119: No fonts available for @font-face rule bootstrap.css (266,5) output without bootstrap icons
To give you a better understanding, here are images showing my source file directory listing, how I want my output to look like, and also my HTML code (I directly copied and pasted the JA code from the Plunker link): source file directory listing correct output with bootstrap icons
<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}} </pre>
</div>
</div>
</body>