介绍

lbtools 是一个前端 && node 工具箱

包含功能

• SVG 转字体图标

安装 lbtools

npm install -g lbtools
// 或
yarn global add lbtools

SVG 转字体图标

// 跳转到svg所在文件夹
cd ./src/icons
// 生成字体图标
lbtools svgtofont
// 查看生成的使用示例
浏览器打开 ./src/icons/fonts/index.html

// 引入生成的字体图标
import './src/icons/fonts/icon.css'
// 使用
<span class="icon-[图标文件名字]"></span>
// 例如 like.svg
<span class="icon-like"></span>

// 使用彩色的字体图标
<svg aria-hidden="true">
  <use xlink:href="./src/icons/fonts/icon.symbol.svg#icon-[图标文件名字]"></use>
</svg>
// 例如 like.svg
<svg aria-hidden="true">
  <use xlink:href="./src/icons/fonts/icon.symbol.svg#icon-like"></use>
</svg>