Suche nach vorhandenen Websiteikonen, die die CSS-Eigenschaft 'content' verwenden

Es ist erforderlich, verschiedene Symbole von einer vorhandenen WordPress-Website zu reproduzieren/verwenden (keine Urheberrechtsverletzungen - es ist eine Website im Besitz unserer Firma). Hier ist ein Beispiel für den Code verwendet es:Suche nach vorhandenen Websiteikonen, die die CSS-Eigenschaft 'content' verwenden

<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>

Inspizieren des a Element mit Firebug gibt mir:

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

Ich habe gesucht alle referenzierten CSS-Dateien für ".png", "Sprite" usw., kann aber immer noch nicht finden, wie dieses Symbol angezeigt wird.

Wie kann ich es reproduzieren?

Quelle

2017-01-27 user982119

es wird eine Font-Datei sein - wahrscheinlich genial so etwas wie Schriftart, wo Symbole wie Schriftarten fertig sind – Pete

https://www.elegantthemes.com/blog/resources/elegant-icon-font – mplungjan

@mplungjan, was gerade war ich nach, danke – user982119

die Klasse et-social-icon et-social-facebook muss mit Bild in CSS verknüpft werden. Die Klasse .et-sozialfacebook a.icon :: vor, die Sie zugreifen möchten, ist eine Spezialisierung dieser Klasse

Quelle

2017-01-27 14:11:09

Der Wert der content CSS-Eigenschaft ist ein Unicode-Zeichen, ein Symbol des Elegant Icon Font Referenzierung . In diesem Fall ist es das Zeichen & # xe093; Darstellung des Facebook-Symbols.

Die Schriftart ist eine Webschrift, die über eine CSS-Regel @font-face enthalten ist.

Quelle

2017-01-27 22:27:51

Suche nach vorhandenen Websiteikonen, die die CSS-Eigenschaft 'content' verwenden

Antwort

Verwandte Themen