Retinaディスプレイの普及によってベクターデータ化されているWEBフォントアイコン(アイコンフォント)はとても使いやすくなりました。
そこで無料のアイコンフォントサイトを紹介します。
https://icomoon.io/ 気に入ったアイコンを選択して SVG 書き出しもできます。
http://glyphsearch.com
総合フォント検索サイト。使いやすいです。
http://fontello.com
フォント検索サイト。また .svg ファイルからcssフォントを作成することもできます。
http://fortawesome.github.io/Font-Awesome/icons/
http://adamwhitcroft.com/batch/
https://icomoon.io/#preview-free
http://genericons.com
http://zurb.com/playground/foundation-icon-fonts-3
こちらで紹介されているかっこいいフォントが無料なので気に入ったら是非ダウンロードしましょう!
こちらのフォントが紹介されています
http://fontfabric.com/code-free-font-3/
http://fontfabric.com/dekar-free-font/
http://www.fontfabric.com/category/free/
http://www.behance.net/gallery/St-Marie/551975
こちらもおすすめ
http://www.behance.net/gallery/Infinity/1126535
http://aleksandershevchuk.ru/#696502/GardenC-Free-typeface
ホームページ上で使用できるGoogle提供の無料フォントを使用する。
使い方
<link href="http://fonts.googleapis.com/css?family=Droid+Serif" rel="stylesheet" type="text/css" >
<style>
body {
font-family: "Droid Serif", serif;
font-size: 28pt;
font-style: italic;
font-weight: 400;
text-shadow: none;
text-decoration: none;
text-transform: none;
letter-spacing: 0;
word-spacing: 0;
line-height: 1;
}
</style>
http://code.google.com/webfonts/preview