IllustratorとIcoMoonでSVGスプライトのラクラク設定！ | Webクリエイターボックス

2016/02/10 102 users SVGスプライト Illustrator SVG形式 属性

繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、 symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい！新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「 IcoMoon App 」を使う方法に落ち着いたので、やり方を紹介した... 続きを読む

IcoMoon·pplogの中で使われているアイコンフォント（Web Font） MOONGIFT

2014/07/17 16 users MOONGIFT アイコ pplog.net アイコン ケース

最近は画像でアイコンを表示する代わりにWeb Fontを使うケースが増えてきました。Font Awesomeをはじめとして、公開されているものを使うのは容易ですが、自分のために新規で作成するというのは難しい印象があります。 そんな中、参考にしてみたいのがIcoMoonです。pplog.netの中で使われているアイコンフォントになります。 IcoMoonの使い方 こちらがフォントです。かわいいアイコ... 続きを読む

手書き風の英文フォント10:phpspot開発日誌

2013/03/18 18 users phpspot開発日誌 手書き風 コマンドライン アイコン

10 Must-Have Free Hand Drawn Fonts 手書き風の英文フォント10個がまとまっていました。 手書き感を出して親しみやすいサイトを作る際に使えそうです 関連エントリ ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 Webフォントとして使えるピクトグラムアイコンセット「MFG Labs icon set」 アイコンフォントをコマンドラインで生成でき... 続きを読む

木をイメージしたデザインのフォント２０:phpspot開発日誌

2013/02/19 19 users phpspot開発日誌 デザイン フォント アイコンフォント

20 Beautiful Wood Fonts for your Inspiration 木をイメージしたデザインのフォント２０。 次のような木をモチーフにデザインされたフォントが２０種類紹介されています。 家具等のサイトを作るのに使うと面白いのかも。 かなりアメリカンなイメージでもありますが、参考までに。 関連エントリ ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」 アイ... 続きを読む

ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」:phpspot開発日誌

2013/01/21 37 users アイコンセット フォントセット アイコ インポート アイコン

IcoMoon App ブラウザ上でアイコンを選んでアイコンフォントが作れる「IcoMoon」。 予め用意されたアイコンセットを選んで必要なものだけのフォントセットをジェネレートしてダウンロードできます 軽い方がいいですし要らないものをインクルードするのも無駄なので便利かも。 SVGアイコンのインポートも可能みたい ダウンロードしたところ。WEBフォントとして使えます 関連エントリ フリーのアイコ... 続きを読む