gulpでsvgからアイコンフォントを作成する ｜ Tips Note by TAM

オリジナルのアイコンをアイコンフォント化して使用する機会があったので、gulpでアイコンフォントを作成してみました。 フォルダ構成 / ├ package.json ├ gulpfile.js ├ node_modules/ └ dev/ ├ icons/ ←アイコンフォント用svgファイルを格納【A】 ├ *.svg └ templates/ └ iconfont.css ←テンプレートcssファイル【B】 ├ fonts/ ←gulpで生成したアイコンフォントの格納場所【C】 ├ iconfont.eot ├ iconfont.svg ├ iconfont.ttf └ iconfont.woff └ css/ ←gulpで生成したcssファイル【D】 svgファイルの作成【A】 gulp-iconfont というプラグインを使ってアイコンフォントを作成するので、注意点を確認してからsv