CSSの 'content'プロパティを使用している既存のウェブサイトのアイコンを見つける

Question

既存のWordPressサイトからさまざまなアイコンを再現/使用する必要があります（著作権の問題はありません。ここでは、使用するコードの例です：Firebugのでa要素を点検

<ul class="et-social-icons"> 
    <li class="et-social-icon et-social-facebook"> 
     <a href="https://www.facebook.com/etc/" class="icon"> 
      <span>Facebook</span> 
     </a> 
    </li> 
</ul> 

は私を与える：

.et-social-facebook a.icon::before { 
    content: ""; 
} 

私は「.PNG」、 『スプライト』のために参照されるすべてのCSSファイルを検索しましたこのアイコンがどのように表示されているかを見つけることができません。

どうすれば再現できますか？

Answer 1

クラスet-social-icon et-social-facebookは、cssの画像に関連付けられている必要があります。 クラス.ET-社会のFacebook a.icon ::アクセスしようとしているは、このクラスの専門

Answer 2

である前にcontent CSSプロパティの値は、Elegant Icon Fontのシンボルを参照Unicode文字です。この場合、文字は＆＃xe093です。 Facebookのアイコンを表します。

フォントは@font-face CSSルールで含まれているウェブフォントです。