Ext.js - แบบอักษร

Ext.js ช่วยอำนวยความสะดวกในการใช้แพ็คเกจแบบอักษรที่แตกต่างกัน แพ็คเกจแบบอักษรใช้เพื่อเพิ่มคลาสต่างๆสำหรับไอคอนที่มีอยู่ในแพ็คเกจ

  • Font-Awesome
  • Font-Pictos

แบบอักษรที่ยอดเยี่ยม

ชุดรูปแบบใหม่ของ ExtJS Triton มีแบบอักษรในตระกูลฟอนต์ที่ยอดเยี่ยมรวมอยู่ในเฟรมเวิร์กด้วยเหตุนี้เราจึงไม่จำเป็นต้องมีข้อกำหนดที่ชัดเจนสำหรับสไตล์ชีตแบบอักษรที่ยอดเยี่ยม

ต่อไปนี้เป็นตัวอย่างการใช้คลาส Font-Awesome ในธีม Triton

Font-Awesome พร้อมธีม Triton

เมื่อเราใช้ชุดรูปแบบอื่นนอกเหนือจาก Triton เราจำเป็นต้องมีหรือต้องการเพิ่มสไตล์ชีตสำหรับฟอนต์ที่น่ากลัวอย่างชัดเจน

ต่อไปนี้เป็นตัวอย่างของการใช้คลาส Font-Awesome ที่ไม่มีธีม Triton

Font-Awesome กับธีมปกติ (ธีมอื่น ๆ จากนั้นก็คือธีม Triton)

ฟอนต์ - พิกตอส

Font-pictos ไม่รวมอยู่ในเฟรมเวิร์กสำหรับ ExtJS ดังนั้นเราจึงต้องใช้แบบเดียวกัน เฉพาะผู้ใช้ที่ได้รับอนุญาตของ Sencha เท่านั้นที่จะได้รับประโยชน์ในการใช้แบบอักษรภาพ

ขั้นตอนในการเพิ่ม Font-Pictos

Step 1 - ต้องการคลาส font-pictos โดยใช้คำสั่งต่อไปนี้

"requires": ["font-pictos"]

Step 2 - ตอนนี้เพิ่มคลาสภาพเป็น -

iconCls: 'pictos pictos-home'