Twitter bootstrap 如何创建自定义字体图标？

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

将有助于通过命令行生成自定义图标webfonts。您的图标应为svg格式

• 安装：

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

• 创建字体图标的步骤

• 将所有svg文件复制到单个目录中
• 执行

  fontcommust config/path/to/vectors

  。它将生成.yml文件
• 执行

  fontcustom编译/path/to/vectors

  。它使用字体和样式表生成

  app

  目录

如何从现有字体创建自定义字体图标（和字形名称）

• 从免费来源获取要使用的字体，例如；或者使用库创建/修改字体，例如-也可以使用该库重命名字体、添加自己的版权或重新生成字体id

• 您可以使用库从字体本身读取字形名称和字形代码，如：和（可选）将信息保存为JSON或CSS-或-，您可以编辑随附的CSS文件，批量替换所需的字体族名称和字体类名-在您喜爱的文本编辑器中

• 如图所示，使用适当的

  @font-face

  来源，但是，

  woff

  是一种广泛支持的方法

• 请记住维护与您在CSS中指定的字形名称相对应的正确字形代码（通常为unicode），您可以生成一次并保存为CSS文件，也可以使用JavaScript动态生成并作为
  注入DOM

您可以编辑（或创建）CSS以识别字形类，这样您就不需要使用重复的单词，例如

icon-icon-smile

，如下所示：

<i class="icon-smile"></i>

图标字体用于使用较短类名的CSS 现在，您可以简单地使用自定义图示符，而无需复制字体名称，如下所示：

<i class="icon-smile"></i>

在命名字体和类时，请自行决定