webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

fontello

  • フォントにしたい形を作って、「複合パス」にしてからベタ塗りにする。
  • svg」で保存。

f:id:ohta-felica:20161118223938p:plain

  • オプションは気にしないで進めて大丈夫

f:id:ohta-felica:20161118224059p:plain

 

Fontello - icon fonts generator

  •  「custom icons」にドラッグする。

f:id:ohta-felica:20161118224227p:plain

 

f:id:ohta-felica:20161118225526p:plain

 「star」は「s」で変換、「free wifi」は「w」で変換できるように設定する。

f:id:ohta-felica:20161118225930p:plain

 

f:id:ohta-felica:20161118230135p:plain

  •  ダウンロードする前に「font name」を設定するとすごく便利。
  • プロジェクトごとにアイコンを管理できます。