本文来自网易云社区

作者：马宝

背景：如果你是程序员，请ctrl W 关闭此页；终端命令谁不会用呀

这是一则写给设计师的本地 svg to iconfont 的解决方案，不用在依赖在线转换，一切竟在掌握

做图标的童鞋一定要知道这三个平台

http://www.iconfont.cn/

https://icomoon.io/app/#/select

 

https://thenounproject.com/

 

相关文章和知识点,安装这个有什么用

• 环境： mac os
• 开源项目： https://github.com/FontCustom/fontcustom

• 先决条件是要找到终端命令在哪里？

第一、Homebrew的安装

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

这是一个安装器，有了brew，我们可以很方便安装大牛写的工具；（我知道这超出你们的认知，你们要懂这个很好用就可以了）

Homebrew是Mac OSX上的软件包管理工具，能在Mac中方便的安装软件或者卸载软件，相当于linux下的apt-get、yum神器；Homebre可以在Mac上安装一些OS X没有的UNIX工具，Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中，并在 /usr/local/bin 中创建符号链接。

附上截图对照

第二、安装fontcustom 依赖库 Requires Ruby 1.9.2+, FontForge with Python scripting.

# On Mac
brew install fontforge --with-python
brew install eot-utils

第三、安装，高大上的外国友人广泛试用的字体图标解决方案；这个项目已经是 4年前的项目了，还没有用上的童鞋是多滞后呀

注意这里，我们是没有超管权限的，所以要加 sudo

  sudo gem install fontcustom

安装完成

快速试用

fontcustom compile my/vectors  # Compiles icons into `fontcustom/`
fontcustom watch my/vectors    # Compiles when vectors are changed/added/removed
fontcustom compile             # Uses options from `./fontcustom.yml` or `config/fontcustom.yml`
fontcustom config              # Generate a blank a config file
fontcustom help                # See all options

tips：高级玩法

前往文件夹 ： /Library/Ruby/Gems/2.0.0/gems/fontcustom-1.3.8/lib/fontcustom 修改 fontcustom-preview.html 完成 font库的自定义皮肤

本文来自网易云社区，经作者马宝授权发布

网易云免费体验馆，0成本体验20+款云产品！

更多网易研发、产品、运营经验分享请访问网易云社区。