Ext.js - Phông chữ

Ext.js cung cấp cơ sở để sử dụng các gói phông chữ khác nhau. Gói phông chữ được sử dụng để thêm các lớp khác nhau cho các biểu tượng có sẵn trong gói.

  • Font-Awesome
  • Font-Pictos

Font-Awesome

Chủ đề mới của ExtJS, Triton, có một họ phông chữ có sẵn phông chữ tuyệt vời được bao gồm trong chính khung, do đó chúng tôi không cần bất kỳ yêu cầu rõ ràng nào đối với biểu định kiểu phông chữ tuyệt vời.

Sau đây là một ví dụ về việc sử dụng các lớp Font-Awesome trong chủ đề Triton.

Font-Awesome với chủ đề Triton

Khi chúng tôi đang sử dụng bất kỳ chủ đề nào khác ngoài Triton, chúng tôi cần hoặc yêu cầu thêm một biểu định kiểu cho phông chữ tuyệt vời một cách rõ ràng.

Sau đây là một ví dụ về việc sử dụng các lớp Font-Awesome mà không có chủ đề Triton.

Font-Awesome với chủ đề bình thường (Bất kỳ chủ đề nào khác với chủ đề Triton)

Font-Pictos

Phông chữ tượng hình không được bao gồm trong khuôn khổ cho ExtJS, do đó chúng tôi phải yêu cầu tương tự. Chỉ những người dùng được cấp phép của Sencha mới có quyền sử dụng phông chữ.

Các bước để thêm Font-Pictos

Step 1 - Yêu cầu lớp phông-chữ bằng cách sử dụng lệnh sau.

"requires": ["font-pictos"]

Step 2 - Bây giờ thêm các lớp tượng hình dưới dạng -

iconCls: 'pictos pictos-home'