缺少 Bootstrap 字形图标

ahy6op9u  于 2022-12-07  发布在  Bootstrap
关注(0)|答案(3)|浏览(134)

我不知道为什么,但是我在Bootstrap(3.3.7)中得到的字形丢失了,它们被一个普通的丑陋的正方形所代替。下面是一个调用丢失字形的代码示例:

<button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
        </button>

这里是包含字形图标字体的Bootstrap部分:

@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
ncecgwcz

ncecgwcz1#

你需要更新它,使用cdn链接,添加到你的代码

<link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
kuhbmx9i

kuhbmx9i2#

您需要在此链接https://getbootstrap.com/docs/4.5/getting-started/download/下载Bootstrap,下载后您需要把字体在您的项目中.在新版本中没有字体在Bootstrap包,但您可以在旧版本中下载.

tjjdgumg

tjjdgumg3#

当我添加缓存时,同样的事情也发生在我身上。

<clear/>
            <clientCache cacheControlMode="UseMaxAge" cacheControlMaxAge="00:01:00" />
            <mimeMap fileExtension=".jpg" mimeType="image/jpg"/>
            <mimeMap fileExtension=".png" mimeType="image/jpg"/>
            <mimeMap fileExtension=".css" mimeType="text/css"/>
            <mimeMap fileExtension=".js" mimeType="text/javascript"/>

当您移除或注解掉这些行时,图像图标会再次显示。

相关问题