はてなブックマーク

オリジナルのアイコンフォントを作成する やりたいこと 自分で作ったアイコンを一つのフォント化する。 以降、アイコンを追加したい際は、ファイルを追加してビルドすればOK 使ったもの gulp gulp-iconfont 本当はgulpにも依存したくないけど… 自分のSVG作成時のルール gulp-iconfontのレポジトリに詳しく乗っているので、よく読む。 ツール Sketch3を使う Sketch3で作成する際のテンプレートがあるので活用する symbol-font-14px.sketchをベースにしました。 サイズ 500px以上の高さで作ること 基本的に幅と高さ560pxのSVGファイルを作成する テンプレートのサイズ感をそのまま継承 アイコン本体は480pxの正方形に収まるようにする カラー 黒色(#000000)のベタ塗り 試しにSketch3で作ってみた感じ 作成したsvgから