問題タブ [font-awesome]

私はfont-awesomeを使用し、次のようにフォントを表示します。

これにより、素敵な小さなロック記号が表示されます。ユーザーがそれが正確に何を意味するのかを知るために、私はtitleやaltなどの属性を追加しようとしましたが、役に立ちませんでした。

<i>画像のaltやリンクのタイトルと同じタスクを実行するタグに使用できる属性はありますか？

私はbootstrap-sassとfont-awesome（https://github.com/littlebtc/font-awesome-sass-rails）gemを使用しています。ブートストラップフォント設定をfont-awesomeの設定から上書きしたいと思います。

font-awesomeのサイトから、ブートストラップのインポート後にインポートするだけで、ブートストラップのデフォルトをオーバーライドできます。

私は上記を実行しましたが、font-awesomeのフォントはオーバーライドされていません。プロジェクトをgithubにプッシュしました-https ://github.com/murtaza52/rails-base。URLはlocalhost：3000/postsからアクセスできます

誰かがブートストラップのデフォルトフォントをfont-awesomeのデフォルトフォントでオーバーライドするのを手伝ってくれたら幸いです

ボタンに素晴らしいアイコンを使用しようとしていますが、submit_tagに表示できません

出力：

ヘルパー：

ヘルパーのhtml.html_safe行を削除すると、同じことがわかります。そのようなhtml_safeは機能していません。html = raw（html）も試しましたが、効果はありません。

ローカルホストでも、Firefoxで正しく表示するためにfont-awesomeを取得できません。次のクロスドメインエラーが発生します。

この投稿で提案されているように、二重引用符を使用しました。firefox@ font-faceはfontawesomeで失敗しますが、問題は解決しませんでした。

Chromeではすべてが正常に機能します。助言がありますか？

Chromeの問題を修正する以外に、次の制限がある場合、CDNでfont-awesomeをどのように販売する必要がありますか：http：//dev.w3.org/csswg/css3-fonts/#default-same-origin-restriction？

以下は私のCSSファイルからのコードです：

ご協力いただきありがとうございます！

疑似content:要素を使用する場合、css 要素に HTML を埋め込む方法はありますか?:before

次のようなユースケースで Font Awesome (または Glyphicon) を使用したいと考えています。

Xのようなものはどこにありますか<i class="icon-cut"></i>。

もちろん、HTML でこれを手動で行うこともできますが、この場合は本当に使用したいと考えています:before。

同様に<i>、リストの箇条書きとして使用する方法はありますか? これは機能しますが、複数行の箇条書き項目に対しては正しく動作しません:

TwitterBootsrapで使用するために設計されたFontAwesomeを使用しています。

Galaxy S（モデル番号GT-I9000M）電話のAndroid（バージョン2.1）ブラウザーは、アイコンを表示しません。ここに表示されているものと同様に、垂直の長方形として表示されます。

誰かがこの問題の修正を知っていますか？

このコード行の何が問題になっていますか？

これは文字通り以下を生成します：

明らかに、私のhtml_safe呼び出しは何もしていません。

バックグラウンド：

私はTwitterBootstrapとFontAwesomeを使用しており、基本的に、内部にアイコンが付いた送信ボタンを実現しようとしています。

私たちは Rails 3 アプリを持っています。うまく機能し、デプロイしました。開発用に新しいコンピューターをセットアップし、リポジトリを複製し、すべてをセットアップする必要がありましたが、Font Awesome フォントが機能しなくなりました (意味不明な表示)。元のコンピューターにクローンを作成しました。私の元のフォルダーでは、正常に動作します。しかし、新しいクローンはそうではありません。

フォントを表示する代わりに、コンテンツを表示します ('\f010' のように、scss ファイルで意味不明な設定がされています)。これは通常、奇妙な形か何かとして表示されますが、決してアイコンではありません。Mac OS X Mountain Lion と Ubuntu 12.04、Chrome と Firefox で試しました。

私たちが試したこと：

• 元のフォルダーに新しいブランチを作成しました。すべての gem を最新バージョンに更新しました - クローンには新しい gem が含まれているため、どこかで壊れている可能性があると思いました。元のプロジェクトは問題なく見えますが、新しいクローン (およびブランチのチェックアウト) は壊れています。
• fontawesome サイトから新たにダウンロードした .scss およびフォント ファイルを置き換えました。
• 確認済みのフォント ファイルのパスは正しいです (Chrome インスペクターはフォント ファイルの欠落について文句を言わないため、見つかったようです。パスを変更すると、文句を言います。正しく使用されていないか、正しく使用されていません)。

両方のフォルダーの Gem リストには、同じバージョンの同じ gem が表示されます。

FontAwesome パスは次のとおりです。

myapp/vendor/assets/stylesheets/FontAwesome

その中にsassおよびfontsフォルダーがあります。

sass で唯一変更されたのはパス行です。

$fontAwesomePath: "FontAwesome/font/fontawesome-webfont" !default;

私が言ったように、これはうまくいくようです。パスを変更すると、クロムはフォントが見つからないと文句を言います。

Apache 2、Ruby ree-1.8.7 p-358、Rails 3.2.7、Passenger 3.0.12、RVM 1.14.10、Bundler 1.1.4 を使用しています。Passenger と Bundler は、私のグローバル gemset にあります。これが私のGemfileです：

誰かがもっと情報が必要な場合は、私に知らせてください. アイデアが尽きてしまい、どこにもたどり着きません。今すぐデプロイして、prod env を台無しにすることを心配しています!

編集: まだ結果が得られていません。私は Rails 3.2.8 に更新し、Ruby 1.8.7 の古いバージョンを使用する paperclip と factory_girl_rails を除いて、すべての gem は最新のものです。

すべてのフォルダーを破棄し、新しいフォルダーを複製しましたが、正常に動作します。ちょっとクローン、ダメ。Chrome のシークレット ウィンドウで最初のクローンを開きますが、機能しません。Inspector -> Resources -> Frames -> (site) -> Fonts にフォントファイルが表示されます。

これは、本来あるべき姿 (左) と問題 (右) のイメージです。

そのため、プロジェクトでFont Awesomeを使用しており、テスト中にIE8で問題が発生しています。

Windows IE9 では、Chrome と Firefox はフォントを正しく表示します (OS X の Firefox、Chrome と Safari と同様) が、Windows の IE8 にはフォントの代わりにボックスが表示されるという問題があります。

私のコードは次のとおりです。

私は4つのフォントファイルを持っています...

• fontawesome-webfont.eot
• fontawesome-webfont.svg
• fontawesome-webfont.ttf
• fontawesome-webfont.woff

...それらが属する場所であり、世界中で読み取り可能です (755 パーミッション)。私は何が欠けていますか？IE8 の互換表示で何かしなければならないことはありますか?

同じコンピューターが Font Awesome サイトのフォントを正常に表示するので、私が何か間違ったことをしているに違いありません。

リクエストに応じて、font-awesome.css のコピーが次の場所にあります: font-awesome.css。フォントファイルへのパスを除いて、多かれ少なかれそれらからダウンロードしたものです。

@Abody97 に基づいて、 https: //html5shim.googlecode.com/svn/trunk/html5.js をミックスに追加しました (上記のコードは更新されています)。更新と削除キャッシュの更新の後でも、まだうまくいきません。

具体的には...

...ダブルまたはクアッドとして表示されます。