Font Awesomeをリンクに利用したときのカーソルをpointerにする Font Awesomeをリンクに利用したところ、アイコン上だけカーソルがデフォルトの矢印のままになってしまいました。 そこでcssでpointerにしようとしたのですが、なぜか効きません。 a i.icon-rss{ … haradaハック2014.09.29 1,066
font-awesomeのアイコンの幅を揃える「class=”fa-fw”」 font-awesome3系でのみ使用できます。 <p><i class=”fa fa-time fa-fw”></i>スケジュール</p> <p><i … Yukimi Satoハック2014.08.05 4,889
Font Awesomeのアイコンで回り込み 左 <i class=”icon-check pull-left”></i> 左にテキストが回り込みます。左にテキストが回り込みます。左にテキストが回り込みます。左にテキストが回り込みます。左にテ… Yukimi Satoハック2014.08.01 627
Font Awesomeでアイコンを合体させる <span class=”icon-stack”> //外枠 <i class=”icon-check-empty icon-stack-base”></i> //ベースとなるアイコン… Yukimi Satoハック2014.07.31 595
Font Awesomeのアイコンをリストで綺麗に見せる <ul class=”icons-ul”> <li><i class=”icon-li icon-ok”></i>リスト1</li> <li><… Yukimi Satoハック2014.07.31 390
ソーシャルブックマークボタンをテキストリンク+CSSで表示する 用意されているボタンだと、どうしても表現に限界があります。font-awesome+bootstrapを組み込んでいるサイトであればリンクにbtnクラスで簡単なボタンリンクが作成できるため、これを利用してオリジナルのソー… haradaハック2014.06.16 472
手軽に使えるwebfont「Font Awesome」がCDNで使える http://www.bootstrapcdn.com/#fontawesome_tab webfontの導入は必ずwebfontファイルをサーバーに配置しなければ使えませんでしたが、有名な「Font Awesome」が… Yukimi Satoハック2014.05.22 215
[bootstrap3] 「.fa-spin」だけで実装できるwebfontインジケータ 「bootstrap3」と「font-awesome4」では、インジケータに専用gif画像を用意しなくても、特定のクラスをwebfontに指定するだけでインジケータを表示することができます。 <i class=&q… Yukimi Satoハック2014.05.22 1,806
Font Awesomeの標準設定されているスタイルを利用する AipoサイトではFont Awesomeの前のバージョン 3.2.1 を利用しています。 ですがアイコンを単体で利用してばかりで、Examplesの利用方法に最近気が付きましたので特に使えそうだと思ったものを書き留めて… haradaハック2014.04.16 325