2017-08-17 3 views
1

cssクラスfa faを独自の画像で使用することは可能ですか? fa fa-imgのように?自分のイメージをfaタグに入れたい。CSSタグはfa可能ですか?

enter image description here

+0

あなたはもっと具体的ですか?そのページへのリンクを追加できますか? – Roysh

+0

あなたは、タグ付けされていないことが[W3School](https://www.w3schools.com/icons/fontawesome_icons_intro.asp)から – Pete

+0

@Royshが好きなあなたのクラスを呼び出すことができますそれはフォントを使用しているクラスです。 – Swellar

答えて

1

あなたはこれを試すことができ、例:FB

これは、カスタムイメージを持つフォントに置き換えられます。

.fa-facebook{ 
    content: ''; 
    background:url("https://lh3.googleusercontent.com/-VPr8buUo47w/VjMsRPIzr-I/AAAAAAAAAL4/AYBtvlNCQiw/s64-Ic42/clouds_social_media_icons_set_64x64_0000_facebook.png"); 
    width:64px; 
    height:64px; 
    display:inline-block; 
} 

または

.fa-facebook::before{content:url("")} 
+0

使うカスタムクラス - あなたはglyphterを使用することができます。しかし、これは私がしたいことです。 –

+0

を上書きします、https://glyphter.com/ –

+0

@ A10 '::'を編集してみてください。 – Hash

0

を持つあなたは、編集フォントが恐ろしい(または独自のアイコンを含む)にしたい場合は?

icomoonを使用できます。ライブラリページを参照してFontAwesomeを使用すると、SVGのカスタムアイコンでFontAwesomeのライブラリを拡張できます。

その他具体的に追加できますか?もちろん

0

、あなただけのような場合に適用可能なCSSルールを設定する必要があります。

.your-class { 
    background-image: url(/your/path/to/your/image.png); 
} 

ルールは、特定の-十分でない場合、あなたはそれをより具体的にするかimportantとしてそれをマークすることができ、 like:

.your-class { 
    background-image: url(/your/path/to/your/image.png) !important; 
} 
関連する問題