作者:手机用户2502933251 | 来源:互联网 | 2023-05-23 23:06
我有一个WordPress主题,我正在使用Bootstrap Sass源构建.样式是有效的,但大多数字形不是(只有星号和加号).我正在编译我的Bootstrap到style.css
相对于那个,有一个文件夹调用fonts
它来保存glyphicons(我设置$icon-font-path: "fonts/";
)这是我编译的一个片段style.css
,表明字体路径是正确的:
@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"); }
.glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
例如,这些工作:
但这些不是:
这是一个glyphicon类的片段:
.glyphicon-asterisk:before { content: "\2a"; }
.glyphicon-plus:before { content: "\2b"; }
.glyphicon-star:before { content: \e006; }
.glyphicon-thumbs-up:before { content: \e125; }
我检查了网络选项卡,看它是否加载了glyphicon字体,它们只在glyphicons工作时出现(星号,加号).否则,字体文件甚至不会显示在网络选项卡中(甚至不是a 404
).
1> Jonny..:
问题是内容值没有用引号括起来.这仍然是www.getbootstrap.com sass源代码下载的一个问题,但最近修复了bootstrap-sass github repo.