ReactNative FontAwesomeを使う react-native-vector-iconsのインストール 2つのコマンドを叩くだけです。 // –saveはオプションです $ npm install react-native-vector-icons –s… nissyハック2017.03.30 746
react-native-vector-icons Tabbarにアイコンを当てる 以下のように、公式の通りにアイコンを当てようとするとアイコンのURLが必要になります。 var SampleTab = React.createClass({ getInitialState: function(){ r… nissyハック2017.02.28 813
Font Awesomeでサイトに載っているアイコンが出てこない時はファイルを更新する Font Awesomeをパソコンにインストールして、Cheatsheetに載っているアイコンをコピーして利用しようとしたときに、化けて出てこない場合があります。 それは単純にファイルが古くなっている場合です。 以下の手… haradaハック2017.02.17 227
IE11で、フレームを使ったページでFontAwesomeが表示されない時の対策 IE11に限り、フレームを使っているサイトで片側のフレームだけでFontAwesomeが表示されないことがあった。 どちらかのフレームが必ずなるわけではなく、左がなったり右がなったりする。 ググるとキャッシュの話などが出… ゴトーハック2016.03.29 833
IE11でFontAwesomeが表示されない原因 http://qiita.com/xxIN0xx/items/f6c5fdbf7696ad34a4a9 ここが最も詳しい。 サーバ側で明示的にキャッシュを取っていない場合、IE11はダメなようだ。 症状としても OS、ブ… ゴトーハック2016.03.29 2,822
Font-Awesomeで45度傾けたアイコンを用意する方法 https://fortawesome.github.io/Font-Awesome/examples/ では90度刻みの設定がされていますが、45度については以下の様なクラスを用意します。 .fa-rotate-45 … @iwasakiハック2016.03.09 2,839
Font Awesomeのアイコンをphotoshopで利用する方法 Font-Awesomeを組み込んだWebサイトをデザインする際に、Photoshop上でもFont-Awesomeを利用できたら便利ですよね。 psdファイルやベクターデータがないかなーと思っていたのですが、検索したと… haradaハック2015.06.09 996
Font Awesomeのアイコンの上に一文字重ねる 若干無理やりかも知れませんが、とりあえず以下の記述で表示できます。 記述方法はv3.2.1のものです。 丸背景 <span class=”icon-stack”> <i class=”icon-circ… haradaハック2015.03.16 991
Font Awesomeを利用したリンクのアイコン上でカーソルがポインターにならない Font Awesomeのアイコンをリンク内で利用したときに、アイコン上のみカーソルがポインターにならない現象があります。 これはFont Awesomeのデフォルトのcssで下記の指定が効いているからなため、追加css… haradaハック2014.10.27 608