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
よく使うアイコンWebフォントのフォントセットとジェネレーターまとめ
Webページ上でベクターのアイコンを簡単に表示できる憎いアイツ。そう、アイコンWebフォント。 Retinaディスプレイでも綺麗に表示されるし導入は（そんなに）難しくないし至れりつくせり。 セマンティック？なにそれおいしいの？ そんなわけで今回はよく使っておりますアイコンWebフォントのセットと、ジェネレーターをまとめてみました。 ※紹介しているフォントを使用する際は、ライセンスを必ずご確認ください。 Font Awesome とっても有名なアイコンフォント、Font Awesome。600を超えるアイコンを使用できるのが特徴です。ソーシャル系のアイコンも揃っております。線のRは少し強めの印象。 個人・商用利用なのも嬉しい。 Font Awesome, the iconic font and CSS toolkit Entypo キリッとしたアイコンがエレガントなイメージなのがEntypo
アイコン型ウェブフォントを利用して CSS で装飾した SNS ボタンを設置する方法 | キャリコ
キャリコではこの5つを採用したにゃ。使いたいアイコンを選んだら『 Font 』ボタンをクリックするにゃ。 次のページで『 Download 』ボタンを押すとアイコンをダウンロードすることが出来るにゃ。 サーバーにアップロードする zip ファイルを解凍したら『 fonts 』というフォルダをサーバーにアップロードするにゃ。 CSS を記述する 同梱されてる『 style 』というフォルダを開いて CSS を自分のテーマ（ style.css ）ファイルにコピペするにゃ。 ちなみに中身はこのような記述になってるにゃ。 @font-face { font-family: 'icomoon'; src:url('fonts/icomoon.eot?-1vjdvt'); src:url('fonts/icomoon.eot?#iefix-1vjdvt') format('embedded-open
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【css】Font Awesomeのアイコンを:beforeとか:afterの擬似要素に指定する | Webとデザインのキタック
Icons | Font Awesome