【Webフォント導入】好きなアイコンだけを選んで使えるicomoonの使い方
ほとんど無料ですがいくつか有料のも混ざっています。有料のを選ぶとアイコンセレクト画面ではなく『お金払ってね』的な画面に切り替わりますのですぐわかるかと思います。 また、絵柄ごとにライセンスが異なります。Removeボタンすぐ上のライセンスで確認してください。英語の説明ですが、翻訳サイトを使うとなんとなく意味が分かります。 欲しい画像がみつからなかったら・・・ 上記のところにも欲しいアイコンが見つけられなかった場合、icomoonは自作のアイコンやフリーのSVGアイコンなどもWEBフォント化することが出来るのです。WEBフォント化にすることができるのはSVG形式の画像です。SVG形式の画像はIllustratorなどで作成することができますが、探せば無料で利用できるサイトもたくさんあります。 2014年、無料で商用利用できる最新フリーアイコン素材のまとめ これらを組み合わせれば、さすがに好み
ゆめいろデザイン｜ブランドマネージャー・Web/UX/UIデザイナー・デザインコンサルタント ヒガシナオヤ
いくつかの対応アイコンフォントがありますが、カスタムアイコンを使うときの注意です。 できるだけベースのフォントサイズが同じアイコンを使うことをおすすめします。 ベースのフォントサイズが違うアイコンフォントを複数組み合わせると、サイズによってあまりきれいではないものもありますので注意する必要があります。 今回、自作のアイコンフォントも使いました。 そこで、アイコンフォントを作るときに注意することを挙げてみます。 データはSVG形式で保存。 画角は、できるだけ1対1に近いサイズで作る。3:1などのサイズで作らないほうが無。 サイズは480px×480pxで作成。 色は白黒の2色で作成。 パスファインダーなどを使って、塗りがあるパスが重ならないようにする。重なるとどちらかの色になってしまうので注意。 フォントはアウトライン化しておく。 アートボードから要素をはみ出させない。
アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう
2014年7月3日 SVG ベクター画像を表示する際とっても便利なSVG。名前を聞いたことのある方も多いのではないでしょうか？SVG自体は10年以上前から存在するのですが、HTML5の普及とともに多くのブラウザーでサポートされるようになり、今年に入ってから徐々に見かける機会が増えてきました。今回はそんなSVGにフォーカスしようと思います。 ↑私が10年以上利用している会計ソフト！ 2014年7月3日 追記：SVGスプライトの書き方について修正＆追記しました。 SVGってなに？ SVG（Scalable Vector Graphics）はIllustratorで作成したようなベクター画像を表示する技術です。Web上で一般的に使われる画像形式であるJPEGやPNGなどのビットマップ形式とは違い、ベクター形式の画像は、拡大縮小しても画質が劣化しません。 Appleがレティナディスプレイを発表して
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス
IcoMoon : 好きなアイコンをピックアップしてWebフォントにできるサービス IcoMoon App IcoMoonは以前のエントリーでも紹介したようなアイコンフォントを配布しているサイト。 そしてこのサイトが立ち上げたサービス・IcoMoon Appは自社製のアイコンを始めIconic、Entypo、という3種類のフォントセットの中から好きなフォントをパッケージングしてオリジナルのアイコンフォントを組み立てられるサービスです。 アイコン一覧の中から気に入ったアイコンを選択したら下の『F』ボタンをクリック。 （隣の画像ボタンからそのままSVG画像としてダウンロードすることも可能） するとアイコンに文字コードが割り当てられるのでダウンロードボタンをクリックするとWebフォントとして一式（TTF, SVG,EOT, WOTF, CSS, HTML）がZIPでパッケージングされてダウンロー
10251.net - 10251 リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
