【问题标题】:Creating Custom Glyphicons Icon/Font on Bootstrap 3在 Bootstrap 3 上创建自定义 Glyphicons 图标/字体
【发布时间】:2016-01-16 14:48:32
【问题描述】:

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

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

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

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

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

谢谢

【问题讨论】:

  • 你提到的帖子的链接会很好。

标签: twitter-bootstrap twitter-bootstrap-3 font-awesome glyphicons


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 2015-05-29
    • 2013-08-26
    • 2013-08-15
    • 2014-03-29
    • 2015-02-28
    • 2014-03-14
    相关资源
    最近更新 更多