Es gibt ein Home-Logo-Symbol auf der Website. Ich muss es herunterladen und für das neue Design verwenden. Aber konnte die Quelldatei nicht finden. Es ist im folgenden UTF-Format.Zugriff auf den Inhalt: ' E006' eines Elements?
Wenn ich das Element inspiziere, sehe ich folgendes;
.icon_home:before {
content: '\E006';
}
Wie kann ich dieses Logo bekommen? Was bedeutet "E006" wirklich? Konnte es auch nicht in den CSS-Dateien finden.
Ja, die Antwort ist, Schriftart-Familie zusammen mit Ihrem "Inhalt" -Stil zu importieren.
@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;
}
Die \E006 ist ein Zeichencode, der in einer IconFont Datei definiert ist. Diese Datei enthält Symbole anstelle von Buchstaben. Um das Symbol in Ihrer Seite anzuzeigen, müssen Sie die Direktive @font-face verwenden. Details finden Sie unter CSS Fonts Module.
Hier \e006 ist ein UTF-8-Zeichen. Was passiert ist, wenn div die Klasse .icon_home angewendet hat, wird es dieses Zeichen vor ihm anhängen. Dies ist, was bedeutet, dass es durch die pseudo-element :before
.icon_home {
height: 20px;
width: 20px;
}
.icon_home:before {
content: '\E006';
}<div class="icon_home">
</div>
Sie müssen auch font-family inspizieren. – zed
kann die Schriftart kommt aus cdn, wie font awesome und der Unicode oder in diesem Fall Inhalt, um es aufzurufen und es in Stil zu verwenden – k185