Ext.js - czcionki

Ext.js zapewnia możliwość używania różnych pakietów czcionek. Pakiety czcionek służą do dodawania różnych klas ikon dostępnych w pakiecie.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

Nowy motyw ExtJS, Triton, ma wbudowaną rodzinę czcionek font-awesome zawartą w samym frameworku, dlatego nie potrzebujemy żadnych wyraźnych wymagań dotyczących arkusza stylów font-awesome.

Poniżej znajduje się przykład użycia klas Font-Awesome w motywie Triton.

Font-Awesome z motywem Triton

Kiedy używamy innego motywu oprócz Triton, potrzebujemy lub wymagamy, aby wyraźnie dodać arkusz stylów dla font-awesome.

Poniżej znajduje się przykład użycia klas Font-Awesome bez motywu Triton.

Font-Awesome z normalnym motywem (dowolny motyw inny niż motyw Triton)

Font-Pictos

Font-pictos nie jest uwzględniony we frameworku dla ExtJS, dlatego musimy wymagać tego samego. Tylko licencjonowani użytkownicy Sencha będą mogli korzystać z czcionek pikto.

Kroki, aby dodać Font-Pictos

Step 1 - Wymagaj klasy font-pictos za pomocą następującego polecenia.

"requires": ["font-pictos"]

Step 2 - Teraz dodaj klasy piktogramów jako -

iconCls: 'pictos pictos-home'