Font Awesome(16)

16follower
goto_jp さんのアバター 267views

IE11で、フレームを使ったページでFontAwesomeが表示されない時の対策

IE11に限り、フレームを使っているサイトで片側のフレームだけでFontAwesomeが表示されないことがあった。 どちらかのフレームが必ずなるわけではなく、左がなったり右がなったりする。 ググるとキャッシュの話などが出てくるが、フレー... 2016年3月29日
goto_jp さんのアバター 214views

IE11でFontAwesomeが表示されない原因

http://qiita.com/xxIN0xx/items/f6c5fdbf7696ad34a4a9 ここが最も詳しい。 サーバ側で明示的にキャッシュを取っていない場合、IE11はダメなようだ。 症状としても OS、ブラウザが同じ... 2016年3月29日
@iwasaki さんのアバター 51views

Font-Awesomeで45度傾けたアイコンを用意する方法

https://fortawesome.github.io/Font-Awesome/examples/ では90度刻みの設定がされていますが、45度については以下の様なクラスを用意します。 .fa-rotate-45 { -w... 2016年3月9日
harada さんのアバター 1,825views

Font Awesomeのアイコンをphotoshopで利用する方法

Font-Awesomeを組み込んだWebサイトをデザインする際に、Photoshop上でもFont-Awesomeを利用できたら便利ですよね。 psdファイルやベクターデータがないかなーと思っていたのですが、検索したところもっと簡単に利... 2015年6月9日
harada さんのアバター 399views

Font Awesomeのアイコンの上に一文字重ねる

若干無理やりかも知れませんが、とりあえず以下の記述で表示できます。 記述方法はv3.2.1のものです。 丸背景 <span class="icon-stack"> <i class="icon-ci... 2015年3月16日
harada さんのアバター 151views

Font Awesomeを利用したリンクのアイコン上でカーソルがポインターにならない

Font Awesomeのアイコンをリンク内で利用したときに、アイコン上のみカーソルがポインターにならない現象があります。 これはFont Awesomeのデフォルトのcssで下記の指定が効いているからなため、追加cssで指定を上書きすれば... 2014年10月27日
harada さんのアバター 154views

Font Awesomeをリンクに利用したときのカーソルをpointerにする

Font Awesomeをリンクに利用したところ、アイコン上だけカーソルがデフォルトの矢印のままになってしまいました。 そこでcssでpointerにしようとしたのですが、なぜか効きません。 a i.icon-rss{ cursor: ... 2014年9月29日
Yukimi Sato さんのアバター 929views

font-awesomeのアイコンの幅を揃える「class=”fa-fw”」

font-awesome3系でのみ使用できます。 <p><i class="fa fa-time fa-fw"></i>スケジュール</p> <p><i class... 2014年8月5日
Yukimi Sato さんのアバター 286views

Font Awesomeのアイコンで回り込み

左 <i class="icon-check pull-left"></i> 左にテキストが回り込みます。左にテキストが回り込みます。左にテキストが回り込みます。左にテキストが回り込みます。左にテキストが回り込みま... 2014年8月1日
Yukimi Sato さんのアバター 235views

Font Awesomeでアイコンを合体させる

<span class="icon-stack"> //外枠 <i class="icon-check-empty icon-stack-base"></i> //ベースとなるアイコン <i... 2014年7月31日
Yukimi Sato さんのアバター 254views

Font Awesomeのアイコンをリストで綺麗に見せる

<ul class="icons-ul"> <li><i class="icon-li icon-ok"></i>リスト1</li> <li><i cla... 2014年7月31日
harada さんのアバター 1,852views

ソーシャルブックマークボタンをテキストリンク+CSSで表示する

用意されているボタンだと、どうしても表現に限界があります。font-awesome+bootstrapを組み込んでいるサイトであればリンクにbtnクラスで簡単なボタンリンクが作成できるため、これを利用してオリジナルのソーシャルブックマークボ... 2014年6月16日
Yukimi Sato さんのアバター 238views

手軽に使えるwebfont「Font Awesome」がCDNで使える

http://www.bootstrapcdn.com/#fontawesome_tab webfontの導入は必ずwebfontファイルをサーバーに配置しなければ使えませんでしたが、有名な「Font Awesome」がCDNで使えるよう... 2014年5月22日
Yukimi Sato さんのアバター 370views

[bootstrap3] 「.fa-spin」だけで実装できるwebfontインジケータ

「bootstrap3」と「font-awesome4」では、インジケータに専用gif画像を用意しなくても、特定のクラスをwebfontに指定するだけでインジケータを表示することができます。 <i class="fa fa... 2014年5月22日
harada さんのアバター 904views

Font Awesomeの標準設定されているスタイルを利用する

AipoサイトではFont Awesomeの前のバージョン 3.2.1 を利用しています。 ですがアイコンを単体で利用してばかりで、Examplesの利用方法に最近気が付きましたので特に使えそうだと思ったものを書き留めておきたいと思います。... 2014年4月16日
@iwasaki さんのアバター 457views

PlayFramework2.2.xでfont-awesomeを使用する

font-awesomeもWebJarsにあるのでこれを使って、Play Framework2系でfont-awesomeを使えるようにしてみます。 まずは読み込みの設定 build.sbt libraryDependencies +... 2014年3月28日