0.0.13 • Published 8 years ago

fis-command-baike-webfont v0.0.13

Weekly downloads
4
License
MIT
Repository
github
Last release
8 years ago

如何使用 fis-command-baike-webfont?

  1. npm 全局安装 fis-command-baike-webfont 插件
  2. 在 AI 中制作单个矢量图标,固定比例调整缩放另图标较宽边为 300 px,画布尺寸与图标上下边界对齐,注意需保证是封闭的路径,不能是单路径描边
  3. 将文件保存为 svg 格式
  4. 如果你打算在 /static/demo/demo.less 中定义 font-icon,建议将单个 svg 储存于 /static/demo/resource/font/icon/ 目录下,并以 1-example.svg 的方式命名(前缀的数字是为了保证在之后你需要加入其他图标时,并不妨碍你早先定义的图标的顺序,防止图标与字符编码对应错乱的问题)
  5. 命令行回到当前模块根目录下,执行 baike-webfont 命令,无需任何参数
  6. 待执行完成, /static/demo/resource/font/ 下就为你制作好各浏览器所需要的字体文件了
  7. 完成字体制作就可以使用 fis-parser-baike-less 所提供的 mixin 语法进行每个 icon 的定义了