Ext.js-글꼴

Ext.js는 다른 글꼴 패키지를 사용하는 기능을 제공합니다. 글꼴 패키지는 패키지에서 사용 가능한 아이콘에 대해 다른 클래스를 추가하는 데 사용됩니다.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

ExtJS의 새로운 테마 인 Triton은 프레임 워크 자체에 내장 된 폰트 패밀리 font-awesome을 가지고 있습니다. 따라서 우리는 font-awesome 스타일 시트에 대한 명시적인 요구 사항이 필요하지 않습니다.

다음은 Triton 테마에서 Font-Awesome 클래스를 사용하는 예입니다.

Triton 테마의 Font-Awesome

Triton 이외의 다른 테마를 사용할 때 명시 적으로 font-awesome에 대한 스타일 시트를 추가해야하거나 추가해야합니다.

다음은 Triton 테마없이 Font-Awesome 클래스를 사용하는 예입니다.

일반 테마의 Font-Awesome (트리톤 테마 이외의 모든 테마)

폰트-픽 토스

Font-pictos는 ExtJS의 프레임 워크에 포함되어 있지 않으므로 우리는 동일하게 요구해야합니다. 라이센스가있는 Sencha 사용자 만이 font-pictos를 사용할 수 있습니다.

글꼴 그림을 추가하는 단계

Step 1 − 다음 명령을 사용하여 font-pictos 클래스가 필요합니다.

"requires": ["font-pictos"]

Step 2 − 이제 pictos 클래스를 다음과 같이 추가하세요 −

iconCls: 'pictos pictos-home'