2

Twitter Bootstrap での Font Awesome の使用について、いくつかの一般的な質問があります。

彼らの Web サイトに記載されている LESS 統合方法を使用しました。

  1. 「象徴的な」フォントだと思いました。では、なぜ Twitter Bootstrap で提供されるメイン テキストのフォントが変更されるのでしょうか。この動作を防ぐことはできますか?

  2. Twitter ブートストラップで提供される Glyphicon png バージョンと比較すると、特に小さいサイズではアイコンがぼやけて見えます。なんで？

  3. 標準ディスプレイと Retina ディスプレイの両方で (Twitter Bootstrap を使用して) アイコンを正しく表示するためのソリューションは何ですか?

ご意見ありがとうございます。

編集：これは私が抱えている問題の例です。

Font Awesome の問題

ご覧のとおり、Font Awesome をインストールすると、フォントが異なって見えます。ボタンの形状と感触が失われます。緑と赤のボタンのアイコンは、icon-large を使用してレンダリングされていますが、それでも非常にぼやけて見えます。これに加えて、それがどういうわけか私のデザインを台無しにしたことに気づきました。

4

2 に答える 2

0

私は自分のサイトで素晴らしいフォントを使用していて、それを愛しています..ページ上のフォントが混乱しているところはどこにも見当たらないので、その点については、あなたが話していることの例を見る必要があります。一部のアイコンは、小さくなると本当にぼやけます。icon-largeクラスで大きくする以外に、そのアイコンを回避する方法はありません。これは、フォントの素晴らしい人が作ったスケールのせいで、emを使用するときにすべてのアイコンを独自の要素に配置し、その<em class="icon-thumbs-up></em>前後にテキストを配置してきました。私の知る限り、アイコンはminiはfont-faceプロパティをサポートしていないため、Operaminiを除くすべてのブラウザでモバイルとデスクトップで動作します

アイコンについてもhttp://icomoon.io/app/を調べていますが、まだ試していません。私は日中にフォントを切り替えることを計画しています-それには素晴らしいですが、現在のテーブルにはたくさんあるので、少し時間がかかります。

于 2012-11-15T03:58:18.173 に答える
0

Font-Awesome は、 を含むセレクターを多用してい[class^="icon-"]ます。何らかの理由で他の場所で始まるクラスを使用すると、問題が発生する可能性がありますicon-。Bootstrap も同じことを行いますが、おそらくアイコンの余白とフォント サイズを設定しません。

于 2012-11-15T09:45:53.020 に答える