firefox - Twitter Bootstrap が Firefox でアイコンを表示しない

Question

良い一日！！！サイトを開発するときは、twitter ブートストラップ css フレームワークを使用しました。ブートストラップ アイコンでボタンを作成しましたが、Firefox で表示されません。

問題を解決してください！

Answer 1

Firefox はクロスドメイン フォントを許可しません。フォント ファイルの Access-Control-Allow-Origin ヘッダーを設定する必要があります。詳細については、このリンクをご覧ください。レールを使用している場合は、この宝石を使用できます

Answer 2

コード サンプルがないと、実際の問題が何であるかを知るのは困難ですが、Firefox (および他のブラウザー) で動作する Bootstrap を使用したアイコン付きのボタンの例をいくつか提供できます。

削除ボタンのサンプル (「btn」クラスのリンクを使用):

<a href="#" class="btn btn-danger">
   <i class="icon-trash"></i> Delete
</a>

サンプルの削除ボタン (「button」要素を使用):

<button class="btn btn-primary" type="button">
  <i class="icon-trash"></i> Delete
</button>

詳細情報: http://twitter.github.com/bootstrap/base-css.html#buttons