Ext.js - Schriftarten

Ext.js bietet die Möglichkeit, verschiedene Schriftpakete zu verwenden. Schriftpakete werden verwendet, um verschiedene Klassen für im Paket verfügbare Symbole hinzuzufügen.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

Das neue ExtJS-Thema Triton verfügt über eine integrierte Schriftfamilie, die im Framework selbst enthalten ist. Daher benötigen wir keine expliziten Anforderungen für das font-awesome-Stylesheet.

Im Folgenden finden Sie ein Beispiel für die Verwendung von Font-Awesome-Klassen im Triton-Thema.

Font-Awesome mit Triton-Thema

Wenn wir ein anderes Thema als Triton verwenden, müssen oder müssen wir explizit ein Stylesheet für font-awesome hinzufügen.

Im Folgenden finden Sie ein Beispiel für die Verwendung von Font-Awesome-Klassen ohne das Triton-Thema.

Font-Awesome mit normalem Thema (jedes andere Thema als Triton-Thema)

Font-Pictos

Schriftbilder sind nicht im Framework für ExtJS enthalten, daher müssen wir dasselbe verlangen. Nur lizenzierte Benutzer von Sencha können Schriftbilder verwenden.

Schritte zum Hinzufügen von Font-Pictos

Step 1 - Benötigen Sie die Klasse font-pictos mit dem folgenden Befehl.

"requires": ["font-pictos"]

Step 2 - Fügen Sie nun Pictos-Klassen hinzu als -

iconCls: 'pictos pictos-home'