2013年上半期 無料ダウンロード利用出来るwebアイコンフォントまとめ
2013年はアイコンタイプのwebフォントを提供するサイトが多くなり、また利用するサイトも増えたんじゃないでしょうか?もちろん僕もその一人なのですが、良いデザインで色も自由に変更出来るアイコンタイプのwebフォントはますます需要が増すような気がします。今回はたまってきた無料のみ集めたwebアイコンフォントブックマークを記事にしたいと思います。 Genericons Genericons Genericons アイコン一覧表 Genericons 一番のオススメはこのwebフォントです! なんにでも使えるオールマイティーな感じが気に入っています。 Typicons Typicons Typicons アイコン一覧表 Typicons 少し丸みがかかっていて全体的にポップな感じに仕上がっています。 Batch. Batch. Batch. アイコン一覧表 Batch. ブログ系のコンテンツなら
ウェブ制作やSEOも解決！アイコンWebフォントLigature SymbolsはLINE・はてブも使えるよ
ウェブフォントとは？メリットは？ 「アイコンフォント」「WEB/ウェブフォント」など、いろいろ言い方がありますが同じものです。 通常なら画像で表示するアイコンを、フォントで表現する仕組みです。PCローカルのフォントとは違い、WEB上にフォントのファイルを公開するので、誰からでも同じデザインで見ることが可能です。 設置方法もとても簡単で、例えば「t」と書くだけでツイッターアイコン「twitter」が表現できます。CSSのようにclassで設定するウェブフォントもあります。 主なメリットは、フラット化への対応、アイコン画像を減らすことによる表示の高速化と、Retina対応が簡単にできることです。 アイコン画像のRetina対応は、ブログやウェブサイト制作者には悩ましい問題です。2種類の画像を用意するか、4倍の大きさのアイコンを読み込んだり、CSSやJavaScriptで条件分岐して表示する必要
CONDENSE-iconFont
A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R S S T T U U V V W W X X Y Y Z Z a a b b c c d d e e f f g g h h i i j j k k l l n n m m o o p p q q r r s s t t u u v v w w x x y y z z 0 0 1 1 2 2 3 3 4 4 5 5 6 6 7 7 8 8 9 9 ! ! " " # # $ $ % % & & ' ' ( ( ) ) * * + + , , - - . . / / : : ; ; < < = = > > ? ? @ @ [ [ \ \ ] ] ^ ^ _ _ ` ` { { | | } } ~ ~ Ä Ä Å Å Ç Ç É É Ñ Ñ Ö Ö
Typicons - A Free Icon Font by Stephen Hutchings
Typicons are free-to-use vector icons embedded in a webfont for easy use in any UI, whether it be on the web or in a native app. Typicons are free-to-use vector icons embedded in a webfont for use in your user interfaces, whether it be on the web or in a native application. The set of icons are available on Github, with everything included from the source files in SVG format to the minifed CSS. Yo
Ligature Symbols
HTML & CSS Please copy & paste this code to your HTML file or Stylesheet. <p>Simple use for mailto link.</p> <a href="mailto:mail@example.com" class="lsf">mail</a> <p>Use tha icon with text.</p> <a href="http://twitter.com/" class="lsf-icon" title="twitter">Twitter</a> <p>Use tha icon with unicode.</p> <a href="http://amazon.com/" class="lsf-icon amazon">Amazon</a> /* CSS */ @font-face { font-fami
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
webフォントの使い方＆日本語対応webフォントまとめ
