在Bootstrap 3上创建自定义Glyphicons图标/字体

贝塞尼

感谢Mike Causer在开机自检3上创建自定义Glyphicons图标/字体的帖子,我已经按照以下步骤操作,但不知道如何完成该操作!,
1-创建了一个名为xoo.svg
2-的Custom SVG文件,并将xoo.svg其拖放到Fontello.com
3-具有icon-xoo文件名称的字体包含以下文件和文件夹:

在此处输入图片说明

您能否让我知道是否必须将所有这些代码放入Bootstrap 3字体和CSS文件夹中?如何以及在哪里注册CSS文件?因为图标代码是0xe800我可以有一个CSS声明,如:

.icon-xoo { &:before { content: "\0xe800"; } }

最后,我该怎么称呼它?这是正确的方法吗?

<span class="glyphicon icon-xoo"></span>

谢谢

克雷伯特

您将需要为.icon-xooin添加一个条目bootstrap/less/glyphicons.less并将Less变量@icon-font-name的值更改为“ icon-xoo”。您应该将字体文件放入../fonts/(相对于bootstrap.css)。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类常见问题

Bootstrap 3 Glyphicons CDN

来自分类Dev

Twitter Bootstrap 3-最大高度,自定义布局

来自分类Dev

自定义高度Bootstrap的导航栏

来自分类Dev

在Bootstrap中旋转Glyphicons /字体真棒

来自分类Dev

如何自定义Bootstrap 3标签颜色

来自分类Dev

自定义Bootstrap 3中的列数

来自分类Dev

自定义bootstrap 3更少的项目结构问题

来自分类Dev

如何为Bootstrap 3.0主题创建带有自定义Gylph图标的iPhone样式底部导航栏?

来自分类Dev

Twitter Bootstrap 3 Glyphicons错误

来自分类Dev

Firefox字体问题-Bootstrap Glyphicons

来自分类Dev

通过自定义Bootstrap更改按钮上的悬停颜色

来自分类Dev

从Bootstrap添加自定义图标会导致“堆栈溢出状态”错误

来自分类Dev

自定义Bootstrap 3管道示例

来自分类Dev

使用Bootstrap 5创建自定义工具提示

来自分类Dev

如何开始用LESS自定义Bootstrap 3?

来自分类Dev

Twitter Bootstrap 3-最大高度,自定义布局

来自分类Dev

自定义bootstrap 3更少的项目结构问题

来自分类Dev

Twitter bootstrap 3自定义多个主题

来自分类Dev

Bootstrap 3-自定义设备宽度

来自分类Dev

Bootstrap上的HTML自定义字体不起作用

来自分类Dev

Ruby on Rails中的Bootstrap 3按钮的自定义样式

来自分类Dev

如何将自定义字体与Bootstrap的字形结合起来

来自分类Dev

Bootstrap 3 Glyphicons不显示

来自分类Dev

Bootstrap 3自定义li项目div样式

来自分类Dev

如何创建自定义字体图标?

来自分类Dev

Bootstrap 3中的自定义嵌套cols

来自分类Dev

无法使用React和Bootstrap创建自定义样式

来自分类Dev

自定义 Bootstrap 轮播

来自分类Dev

为 Bootstrap 4 创建自定义网格编号 (24)