如果我仅使用Boostrap的在线CDN源文件,为什么所有字体(例如glyphicon图标)都正确加载?

问题描述 投票:0回答:1

如果我将所有内容复制并粘贴到Microsoft Visual Studio代码中,则以下Plunker代码(https://embed.plnkr.co/KpVqaiblOKGk5K6VWmi4/)可以完美地工作。脱机使用Bootstrap源文件后(即,将链接的href设置为文件位置而不是在线URL),将弹出以下错误消息,并且没有显示任何图标:

CSS3119:@ font-face规则bootstrap.css没有可用的字体(266,5)output without bootstrap icons

这是我的源文件目录的图像,我希望输出的样子,以及我的HTML代码(直接从Plunker链接复制并粘贴JA代码):source file directory listingcorrect 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>
css bootstrap-4 font-face cdn glyphicons
1个回答
0
投票

在您的unk代码上您正在使用Fontawesome?您是否下载了本地Fontawesome

© www.soinside.com 2019 - 2024. All rights reserved.