最近のウェブデザインではアイコンフォントをつくるスキルは必須といっても過言ではないですね。 先日公開したサイトも、ムクドリさんやカバさんはアイコンフォントなのです。 ムクドリさんかわいい アイコンフォントを作成する流れはだいたいこんな感じ パスでアイコンを描く(色はベタ塗り1色!) SVGで保存する(だいたいはこの時のファイル名がアイコンの名前になります) SVGをアイコンフォント生成サービスでアイコンフォントに変換する それではAdobe IllustratorとIcoMoonでサクっとつくってみましょう。 パスでアイコンを描く アイコンフォントはその名前の通りフォントなので1色でつくり、CSSなどで色を変更します。 Illustratorならアートボード機能を使えば編集やあとでまとめてSVGにするときに便利っす。 SVGにする時はパスやフォントはアウトライン化して、パスファインダーで結
![SVGでアイコンフォントをつくるならIcoMoonがオススメ!](https://cdn-ak-scissors.b.st-hatena.com/image/square/d280bbf0871c3d912ca94158070973256fec1158/height=288;version=1;width=512/https%3A%2F%2Fi0.wp.com%2Funguis.cre8or.jp%2Fwp-content%2Fuploads%2F2015%2F02%2FClipboard11.jpg%3Ffit%3D1200%252C739%26ssl%3D1)