SoundCloudのマークのwebフォント

4 5月

今回のブログは、ヘッダ部分にほかのSNSのリンク(とRSS)を張っていますが、各サービスのマークは画像じゃなくてwebフォントになっています。スタイルシートが適用できて取り回しが楽。
今日はSoundCloudへのリンクを追加したのですが、これもすぐに発見できました。海外製のサービスはwebフォントも充実しています。

http://fortawesome.github.io/Font-Awesome/icon/soundcloud/

使い方。headタグ内に

<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">

と入れて、body内の使いたい場所で
<i class="fa fa-soundcloud"></i>

とするだけ。何もDLする必要はありません。

独自っぽいiタグですが、ちゃんとclass指定やstyle指定が効きました。

例)

font-sizeを20px、colorをredに指定しています。


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です