如何创建自定义字体图标? [英] How to create custom font icons?

查看:89
本文介绍了如何创建自定义字体图标?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我想在我的项目中添加一些自定义字体图标.因为引导程序中的默认图标是不够的.如何在引导程序中创建自定义字体图标?

I want to add some custom font icons in my project. Because default icons in bootstrap is not enough. How to create custom font icons in bootstrap?

推荐答案

字体自定义将有助于从中生成自定义图标网络字体命令行的舒适性.您的图标应为svg格式.

Fontcustom will help to generate custom icon webfonts from the comfort of the command line. Your icons should be in svg format.

  • 安装:

  • Installation:

sudo apt-get install fontforge wget http://people.mozilla.com/~jkew/woff/woff-code-latest.zip unzip woff-code-latest.zip -d sfnt2woff cd sfnt2woff make sudo mv sfnt2woff /usr/local/bin/ gem install fontcustom

sudo apt-get install fontforge wget http://people.mozilla.com/~jkew/woff/woff-code-latest.zip unzip woff-code-latest.zip -d sfnt2woff cd sfnt2woff make sudo mv sfnt2woff /usr/local/bin/ gem install fontcustom

创建字体图标的步骤

  1. 将所有svg文件复制到一个目录中.
  2. 执行fontcustom config /path/to/vectors.它将生成.yml文件
  3. 执行fontcustom compile /path/to/vectors.它会生成带有字体和样式表的app目录.
  1. copy all the svg file in a single directory.
  2. execute fontcustom config /path/to/vectors . It will Generate .yml file
  3. execute fontcustom compile /path/to/vectors. It Generate app directory with font and stylesheet.

这篇关于如何创建自定义字体图标?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆