2016-06-20 7 views
0

eot、svg、w0ff、ttfなどの多数のファイルでアイコン/グリフを使用する既存のサイトを編集しています私は様々な互換性のために推測する)。それは、このようなフォントとCSSの値を使用してこれらを呼び出します。フォントと "content: ' value'"で使用されるアイコン/グリフの一覧表示

font-family: icons_filename; 
content: "\e601"; 

それでは、どのように私は、「コンテンツ」と呼ばれるアイコンの異なる値のリストを見つけるでしょうか?

言い換えれば、私は、必ずしも名前のリストが不十分な、文書化されていないアイコンのライブラリで可能なことを見ようとしています。

「\ e601」の値がどのように使用されているか、ファイル内でその値を調べる方法もわかりません。 CSSのこの部分は私にとっては慣れていないので、ほとんどのアイコンチュートリアルでは、文書化されたライブラリの使い方しか示されていないので、これについては説明がわかりません。私はあなたがUTF-8文字を探していると信じてい

おかげ

+0

font-familyとは何ですか? – dippas

+0

それはWOFFです.w0ffではなく、 "Webオープンフォントフォーマット"です。そして、あなたの仕事がこれを未来のために維持することであれば、3年前から多くのことがウェブフォントの土地で変わってきました。この時点では、WOFFのソースが唯一必要です。 IE8以下のサポートが必要な場合を除き(2016年1月の時点でマイクロソフトはもうこれ以上機能しません)、WOFFやEOTが必要な場合は、最終的にそれらを抹消します。残りは時間と帯域幅を無駄にするだけです。 –

答えて

0

。アイコンフォントは、一般に、このユニバーサルアイコンフォントのデフォルトフォントを上書きします(存在する場合)。ここにはlink to where you can view themがあります。

+0

ところで、これらのアイコンフォントライブラリのほとんどは既に素晴らしい文書を持っています。 –

0

クリスがすでに言ったことに加えて、テンプレート/テーマが利用しているフォントアイコンライブラリを追跡できるはずです。これらの最も一般的な例の1つはFont Awesomeです。

上記のリンクから、各アイコンを選択し、どの「ユニコード」を選択するかを知ることができます。例えば、 "fa-blind"(盲人歩行アイコン)はユニコードが "f29d"で、CSSプロパティ "content"に "\ f29d"を使用すると

あなたのスタイルシートがUTF -8では、unicodeの必要性を避けることができ(例ではf29d)、サイトにリストされるべきアイコンを直接コピー/ペーストすることができます(つまり、コンテンツ内の "\ f29d"の代わりに、 CSSドキュメントの空白の四角形として表示されますが、ウェブページ上には正しく表示されます)

ここでは長すぎるかもしれませんが、最終的にあなたがする必要があるのは、サイトが利用しているアイコンのライブラリを把握することです。リンクが提供されていれば、簡単に把握できます。

関連する問題