Wie man Wingdings in CSS einfügt

click fraud protection

Cascading Style Sheets (CSS) sind eine nützliche Methode zum Formatieren von Webseiten. Sie können alle Aspekte des Designs einer Website in einem externen Stylesheet gestalten, und die Änderungen, die Sie an diesem Stylesheet vornehmen, können sich auf mehrere Webseiten auswirken. Schriftarten können einfach über CSS neu konfiguriert werden. Es gibt eine Liste von Schriftarten, die für die Verwendung im Internet standardisiert sind. Wingdings gehört nicht zu diesen Schriftarten und ist eine Schriftart, die nicht standardmäßig auf allen Computern verfügbar ist. Glücklicherweise können Sie CSS immer noch verwenden, um eine Webseite für die Verwendung von Wingdings zu konfigurieren.

Schritt 1

Öffnen Sie Ihre CSS-Datei in Notepad.

Video des Tages

Schritt 2

Erstellen Sie eine neue Klasse oder ID für das Objekt, das in Wingdings formatiert wird. Verwenden Sie eine Klasse, wenn Sie diesen Parameter mehr als einmal aufrufen. Verwenden Sie eine ID, wenn Sie sie nur einmal anrufen. Um beispielsweise eine Klasse namens "crazy" zu erstellen, geben Sie Folgendes ein:

.verrückt {

Schritt 3

Geben Sie Wingdings in der Eigenschaft "font-family" Ihrer Klasse oder ID an. Zum Beispiel für die Klasse "verrückt":

.crazy { font-family: wingdings}

Schritt 4

Suchen Sie das Element, das Sie in Wingdings rendern möchten, in Ihrer HTML-Datei. Geben Sie dieses Element als Instanz der Klasse oder ID an, auf die Wingdings angewendet wird. Wenn das gewünschte Element beispielsweise ein "div" ist:

Der Text in diesem "div" wird in Wingdings formatiert.

Warnung

Viele Browser unterstützen Wingdings nicht, und viele Computer verfügen nicht über Wingdings in ihrem Standard-Schriftsatz. Aus diesem Grund werden die meisten Browser Wingdings nicht richtig anzeigen. Um Komplikationen dieser Art zu vermeiden, ist es am besten, jedes gewünschte Wingdings-Zeichen durch Unicode zu codieren (eine Liste der entsprechenden Unicode-Zeichen finden Sie unter Ressourcen.)