เพิ่มแบบอักษรแบบอักษรลงในแอพพลิเคชั่น Flutter ของคุณได้อย่างง่ายดาย รวมถึงอินเทอร์เฟซ DART สำหรับ FontSource API
ในการเริ่มต้นให้สร้างการกำหนดค่าในไฟล์ pubspec.yaml ของคุณภายใต้คีย์ fontsource หรือในไฟล์ fontsource.yaml
include : [my-package] # Defaults to all
fonts :
alex-brush : # This can be any font id
version : 4.5.3 # Defaults to latest
subsets : [latin, latin-ext] # Defaults to all
weights : [400] # Defaults to all
styles : [normal] # Defaults to all การกำหนดค่าจะบอก fontsource ว่าจะดาวน์โหลดอะไรและรวมเข้ากับแอพพลิเคชั่น Flutter ของคุณ เพื่อให้แน่ใจว่าทุกอย่างถูกดาวน์โหลดให้ดำเนินการแบบ dart run fontsource หลังจากการกำหนดค่าของคุณได้รับการแก้ไข นอกจากนี้ตรวจสอบให้แน่ใจว่าได้เรียกใช้เมื่อใดก็ตามที่ที่เก็บของคุณถูกโคลน สิ่งนี้จะสร้างแพ็คเกจท้องถิ่นในไดเรกทอรี. .fontsource
จากนั้นคุณสามารถนำเข้าแพ็คเกจ fontsource :
import 'package:fontsource/fontsource.dart' ; ใช้คลาส FontsourceTextStyle เพื่อใช้ตัวอักษรแบบอักษร:
const Text (
'Hello world!' ,
style : FontsourceTextStyle (fontFamily : 'Alex Brush' , fontSize : 30 ),
), FontsourceTextStyle ขยายคลาส TextStyle ดังนั้นคุณสมบัติการจัดแต่งทรงผมใด ๆ สามารถใช้เพื่อเปลี่ยนวิธีการดูข้อความ
หากต้องการใช้สิ่งนี้ในแพ็คเกจให้เพิ่มการกำหนดค่าเช่นปกติ แต่อย่าเรียกใช้ FontSource CLI
แพ็คเกจที่มีการกำหนดค่าแบบอักษรจะรวมอยู่โดยอัตโนมัติ หากต้องการระบุด้วยตนเองว่าควรสแกนแพ็คเกจใดให้จัดเตรียมคีย์ include พร้อมรายการชื่อแพ็คเกจเพื่อสแกน
FontSource API ยังมีอินเทอร์เฟซ DART ที่สามารถเข้าถึงได้ผ่าน fontsource/api.dart