Question

网站上有一个家庭徽标图标。我需要下载并将其用于新设计。但是找不到源文件。它采用以下UTF格式。

当我检查元素时，我看到以下内容;

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

我如何获得该徽标？什么＆＃34; E006＆＃34;真的是吗？无法在css文件中找到它。

Answer 1

是的，答案是导入font-family以及“内容”样式。

@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是UTF-8字符。发生的情况是，只要div应用了类.icon_home，它就会在其前面附加此字符。这就是pseudo-element :before

的含义

.icon_home {
  height: 20px;
  width: 20px;
}

.icon_home:before {
  content: '\E006';
}

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

如何访问内容：＆＃39; \ E006＆＃39;一个元素？

2 个答案: