我下载了引导3.0,但无法让象形文字工作。我得到一些"E003"错误。知道为什么会这样吗?我在本地和网上都试过了,还是遇到同样的问题。
当前回答
我遇到了这个问题,它是由变量引起的。更少的文件。重写它以设置icon-font-path值解决了这个问题。
文件结构如下所示:
\Content
\Bootstrap
\Fonts
styles.less
variables.less
添加我自己的变量。在Content的根目录中添加less文件,并在样式中引用它。Less解决了404错误。
变量。不包含:
@icon-font-path: "fonts/";
其他回答
例如,确保你没有过度指定字体族
*{font-family: Verdana;}
将从I元素中删除halflings字体。
我也有类似的问题。 作为一个bootstrap的新手,原来我在图标名称之前缺少了glyphicon关键字。
<span class="glyphicon-search"></span>
应该是
<span class="glyphicon glyphicon-search"></span>
我在Eclipse中使用web片段时遇到了这个问题。字体文件被损坏时,包装在web片段jar。 将字体文件复制到使用片段的项目中就可以解决这个问题。
如果有人在这里结束并使用引导>= v4.0:取消对字形的支持
发行说明中的相关部分:
删除Glyphicons图标字体。如果你需要图标,一些选项是: Glyphicons的上游版本 Octicons 字体太棒了
来源:https://v4-alpha.getbootstrap.com/migration/组件
如果你想使用象形文字,你需要单独下载。
我个人尝试过Font Awesome,它是相当好的。添加图标的方式类似于glypicon:
<i class="fas fa-chess"></i>
您的字体目录中是否有以下所有文件
glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff