【问题标题】:Create Glyphicon file with only two icons创建只有两个图标的 Glyphicon 文件
【发布时间】:2016-08-25 20:44:01
【问题描述】:

我只使用了整个 Glyphicon 字体集(包含在 Bootstrap 中)中的两个图标。

它们用于我不想乱用的第三方 js 库。

然而,为了让它正常工作,我必须下载大约 215KB,因为这两个图标。

如果我去http://getbootstrap.com/customize/ 并自定义它。我可以通过只选择我使用的部分来创建一个小得多的文件。但是,对于 Glyphicons,选项是具有所有图标或无。

有人知道吗?

【问题讨论】:

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


    【解决方案1】:

    您可以将其上传到icomoon 并挑选出来。然后它可以为您生成一组字体文件(wot、eot、svg、tff)。它是一个相当不错的界面。

    或者,如果您只是使用 .svg,您可以将其打开并手动编辑。很多 svg 文件格式在精神上非常容易解析。

    【讨论】:

    • 成功了!谢谢@Eric N!但是,我不得不对类名进行一些更改。 icomoon 没有保留原始字体类名,而是生成了一些自己的字体,而不是保留“glyphicon”类名。所以需要做两件事: 1. 在下载之前,将图标名称更改为 glyphicon 等价物。 2. 下载文件。 3、编辑Styles.css文件,删除每个图标类名开头的“icon-”,将[class^="icon-"]、[class*="icon-"]替换为[class^="glyphicon- "], [class*=" glyphicon-"]
    猜你喜欢
    • 2019-07-21
    • 2011-09-04
    • 1970-01-01
    • 2019-06-02
    • 1970-01-01
    • 2014-04-07
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多