問題タブ [icon-fonts]

Web アプリケーションで使用するアイコン フォントを作成したいと考えています。fontAwesome、Iconic、fontomas は私がやりたいことの例ですが、カスタム アイコンを使用する必要があります。どこから始めればよいかわかりません。どんな助けでも大歓迎です。

アイコン付きの CSS ボタンを使用していますが、画像はありません。アイコンは、Unicode 値を使用して生成されます。
これで、一部のブラウザーが一部の unicode 値をサポートしていないという問題に直面しました。したがって、適切なアイコンの代わりに、不要なシンボルが表示されます。

どのブラウザーでも Unicode のサポートを提供するには、どのような手順に従う必要がありますか?

私のマネージャーは、私たちのウェブサイトではアイコン フォントを使用しないようにと私に言いました。またcontent before、フォントに使用する必要があるため (html を変更することはできません)、IE7 で動作するように背景画像を好みます。

個人的に私は小さなものが大好きで、とても素敵で鮮明でサイズ変更可能です!

Web サイトで 2、3 個のアイコンしか使用しない場合は理解できますが、たとえば 1 つのサイトで 5 つのアイコンを使用するとしたら、どう思いますか? アイコンフォントを使う価値はありますか、それともそうでないと彼が考えているのは正しいですか?

私は新しくて刺激的なものに夢中で、今年は Retina ディスプレイです。

私はWebデザインと開発に不慣れで、さまざまなスタイリング手法を試してきました。調査の過程で、アイコンフォントに出くわしました。多くのチュートリアルやビデオを調査しましたが、何時間もの努力にもかかわらず、アイコンフォントをうまく利用することができませんでした。

まず、多数のアイコンフォントを提供しているサイトにアクセスし、気に入ったものを選択して生成し、最後にフォルダーにダウンロードしました。しかし、これらのアイコンフォントがフォルダにあるので、どうすればよいですか？

アイコン フォントは大幅に改善されましたが、テキスト ファイルではないため、SCM を使用して変更を追跡することはできません。もちろん、ファイル全体を追跡することはできますが、2 人の開発者がファイルを変更すると、最後にマージした人が問題を解決するのに苦労することになります。フォント ファイルを再作成する必要があります。

複数の開発者チームでフォント ファイルの変更をどのように追跡しますか?

更新: 誰かがファイルを変更する必要があるときはいつでも電子メールを送信しようとします. これは機能するかもしれませんが、根底にある問題は解決しません。テキストベースのツールでバイナリ ファイルを管理するのは面倒です。

http://icomoon.io/app/ appを使用して、.svgファイルをフォントに変換しようとしています。理由はわかりませんが、機能していません。以前に他のファイルで試しましたが、うまくいきました。

これがsvg画像のコードです（画像を表示する必要がある場合は、エディターに貼り付けて.svgファイルとして保存してください）わかりませんが、svgコードに何か問題がある可能性があると思います。遅い基準？

私は css-tricks でこのテクニックに従って、ウェブサイトにアイコンを追加しています: http://css-tricks.com/html-for-icon-font-usage/

私はCSSでこれを持っています：

ただし、私のインターフェイスの一部は jQuery を使用して生成されます。そのようなコントロールの 1 つを次に示します。

\e01c私はそれを, \\e01c,としてエンコードしようとしましたが、おそらく試しました。結果は常に同じです。アンパサンドの後のすべてが画面にレンダリングされます。これは、アンパサンドが&ソース コードのように表示されるか、バックスラッシュが表示されるためです。

CSSコンテンツを連結してみました：

データに数値を含めるだけですが、アンパサンドは独自にエンコードされて表示されます。

このエンティティをエンコードしてページに正しく出力する方法はありますか?

FontelloやFont Awesomeと同様の手法で使用する StackOverflow のアイコン フォントを探しています。

ここに未解決の問題があります。おそらく、これは今のところそれに近いものです。

乾杯、jf

私は Font Awesome を使用していませんが、CSS Tricks で Chris Coyier が説明している方法でアイコン フォントを使用しています。

彼のコードを微調整して、IE7 で動作できるようにしたいと考えています。生成されたコンテンツが IE7 でサポートされていないことに気付いたので、Font Awesome がこの問題にどのように対処しているかを調べたところ、次の JS 式が使用されているようです。

私の問題は、それが実際に何をしているのか理解できないことです。アイコンを使用している方法で微調整して機能させることができるように、これを知る必要があります。

追加した：

現在、Sassファイルにこれがあります：

1. JS 式を使用して IE7 サポートを追加するにはどうすればよいですか? たぶん、ミックスインがここで何らかの形で役立つでしょうか?

2. 実際の JS 式について説明していただけますか?