フォントはすばらしい画像ソースを入手し、可能であれば編集できますか？

Question

私はカスタムテンプレートを使用していますが、特定の定義がどこにあるか分かりません。 カートの画像ですので、画像を別の画像に置き換えたいので、探してみる必要があります。私は、このビットを発見した：素晴らしい

.fa-shopping-cart:before{content:"\f07a"} 

Answer 1

フォントはすべてTwitter Bootstrapフレームワークからアイコン、今より多くのを含むウェブフォントです。

Bootstrapの実装は<i>要素（Bootstrap v2）と一緒に使用するように設計されていますが、これらのアイコンを他の要素で使用したいと思うかもしれません。そのためには、目的の要素に、次のCSSを使用する必要があり、その後、関連するアイコン 用コンテンツ値で代用してsubstitute.Itのような次のアイコンが含まれて見つけることができたでしょう：

• をWebアプリケーションのアイコン
• アクセシビリティアイコン
• 手のアイコン
• 交通アイコン
• テキストエディタのアイコン
• ブランドアイコン Aこれらのアイコンは、クラスを使用するだけで使用できます。アイコン用の画像を使用していない恐ろしい

フォントとsrc属性を持たないimg要素が無効なHTMLです。

あなたができることは、画像の横にダミーアイコンを表示するかどうかを示すロジックを追加することです。ここでは、親ラッパーにclassを使用した例です。

<div className="show-icon"> 
    <i className="fa fa-..."></i> 
    <img src="..." /> 
</div> 

親div要素はアイコンを表示し、画像を隠すためにCSSを使用することができます.show-iconのクラスを、持っていた場合：

div i.fa { display: none; } 
div img { display: block; } 

div.show-icon i.fa { display: inline-block; } 
div.show-icon img { display: none; } 

Answer 2

.fa-shopping-cart:before{content:"\f07a" 

は、クラスを適用する前にコード "\ f07a"で識別されるアイコンを表示するコード部分です。あなたがリンクをたどることで、他のものを見つけることができます

：https://astronautweb.co/snippet/font-awesome/

あなたがイメージであなたをも設定することができYBの何かの上にコードを変更することは思わ：

content: url('yourimgpath');