コンテンツへのアクセス方法：要素の '\ E006'？

Question

ウェブサイトにホームロゴのアイコンがあります。私はそれをダウンロードして新しいデザインに使用する必要があります。しかし、ソースファイルが見つかりませんでした。次のUTF形式です。

要素を検査すると、次のように表示されます。

.icon_home:before { 
content: '\E006'; 
} 

どのようにしてそのロゴを取得できますか？ 「E006」とはどういう意味ですか？ cssファイルでも見つかりませんでした。

Answer 1

はい、答えはfont-familyを "content"スタイルとともにインポートすることです。

@font-face { 
font-family: "xxx"; 
src: url("fonts/awesome-font.woff") format('woff'); 
} 

.icon_home:before { 
content: '\E006'; 
} 

.icon:before, icon:before { 
font-family: xxx; 
font-size: 20px; 
font-style: normal; 
font-weight: 400; 
display: inline-block; 
} 

Answer 2

\E006は、iconfontファイルで定義されている文字コードです。このファイルには、文字の代わりに内容のアイコンが表示されます。あなたのページにアイコンを表示するには、@font-faceディレクティブを使用する必要があります。詳細については、CSS Fonts Moduleを参照してください。

Answer 3

ここで\e006はUTF-8文字です。何が起こるかは、divにクラス.icon_homeが適用されると、その前にこの文字が追加されます。これは、あなたがあまりにもフォントファミリを検査する必要がpseudo-element :before

.icon_home { 
 
    height: 20px; 
 
    width: 20px; 
 
} 
 

 
.icon_home:before { 
 
    content: '\E006'; 
 
}

<div class="icon_home"> 
 
</div>