Copyright 2024 - Custom text here

การใช้ Fonts ของเราเอง บน Flutter

เอาแบบนี่เลยนะครับ เริ่มต้นจาก สร้างโปรเจ็คเปล่าๆ ของ Flutter ก่อน ใครไม่ทันไปดูได้ที่นี่นะครับ http://androidthai.in.th/android-flutter/120-standart-structure-coding-flutter-app

ได้มาละ โปรเจ็ค Flutter ของเรา

ไปหา Fonts สวยๆ กันก่อน https://fonts.google.com ที่นี่ง่ายสุดครับ

เลือกๆๆๆ และ โหลด Zip มาครับ

 

 

 

ทุกๆ Fonts ที่เราเลือก จะมาอยู่ใน Zip เดียวครับ

แตกออกมา

ข้างใน จะมี ไฟร์ txt และ ttf (บางอันมี fft มากกว่า 1 นะ)

ไปที่ Root โปรเจ็ค

สร้าง Directory เปล่าๆ 

ชื่อ fonts ครับ

เอาไฟร์ ttf ที่ได้มาไป Paste ที่นี่ (txt ไม่ต้องนะ)

เปิด pub spec.yami ออกมาครับ

เอาง่ายๆก่อน ใสข้อมูลแบบนี่เข้าไปครับ

กลับมาที่ body มาสเตอร์ ขอเพิ่ม Container จะได้ใส่ Text ได้หลายๆ ชุด

ดูรูปแบบ การกำหนด fonts Size 

ลองทดสอบโค้ด บน Simulator

 

 กำหนด fontFamily เป็นตามที่เราโหลดมาละ 

ลอง ภาษาไทย ก็โอ นะแสดงไดัครับ

ต่อไปมาดูตัวแปลกๆ บ้างยกตัวอย่าง Kanit

เห็น weight: 900 ไหม ? ตัวนี่ต้องได้จาก ข้อมูล Fonts นะครับ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

คอร์ส สอนโปรเจ็คแอนดรอยด์ ตัวต่อตัว

privateProject2019v1

คอร์ส เบสิกแอนดรอยด์ สอน ตัวต่อตัว

privateAndroid2019v1

คอร์ส iOS สอน ตัวต่อตัว

privateIos2019V1

คอร์ส Flutter สอน ตัวต่อตัว

privateFlutter2019v1

f t g