こんにちは。太朗です。 最近案件で使ったアイコンフォントが便利だったのでご紹介致します。 アイコンフォントのメリット スプライト画像はちょっとした色やサイズの変更も画像なので面倒ですよね。アイコンフォントを使えば色やサイズをCSSで自在に編集できるのでメンテナンスがかなり楽ちんです。なお、ベクターデータなので高解像度デバイスにも対応できます! アイコンフォントをgulpで作る では、どうやってアイコンフォントを作るのか?作り方は色々ありますが、一番手っ取り早いのはgulpで自動で生成させることです。なおgulpのインストールなどは省略させてもらいます。 以下がgulpファイルの例です。 gulp.coffee 'use strict'; gulp = require 'gulp' $ = require('gulp-load-plugins')() # svg を圧縮する gulp.tas
![sprite画像はもう終わり?gulpでIcon Fontをつくろう! | Goodpatch Blog](https://cdn-ak-scissors.b.st-hatena.com/image/square/c458af010c03f3f10f6c9485033f997e8011086f/height=288;version=1;width=512/https%3A%2F%2Fgoodpatch.com%2Fblog%2Fwp-content%2Fuploads%2F2015%2F01%2Fa11b4bb3ba448d1fa402ac3dc62cc91f2.png)