หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ดาวน์โหลดแบบอักษร
ดาวน์โหลด

TTF Viewer

แอปพลิเคชันข้ามแพลตฟอร์มโอเพนซอร์สสำหรับการเรียกดูไอคอนของไฟล์ Truetype Font (.ttf) (ปกติเรียกว่า Iconfont) เขียนโดย Flutter

ภาษา: 简体中文ภาษาอังกฤษ

1. คุณสมบัติ

  • รองรับไอคอนเรียกดูผ่านไฟล์ Drag และ Drop TTF ลงในหน้าต่างแอปพลิเคชันซึ่งรองรับการลากและวางแบบแบทช์ (ยกเว้นโทรศัพท์มือถือ)
  • สนับสนุนเพื่อเปิดไฟล์ฟอนต์หลายไฟล์ในเวลาเดียวกัน
  • สนับสนุนการค้นหาไอคอนด้วยชื่อไอคอน (glyphname)
  • สนับสนุนคัดลอกรหัส Glyph ทั้งหมด (รูปแบบ JSON) ไปยัง Clipborad สะดวกในการเขียนโปรแกรมของคุณ
  • รองรับการเปลี่ยนไอคอนสี
  • สนับสนุนภาษาระบบติดตามอัตโนมัติ (ภาษาอังกฤษและภาษาจีน)
  • รองรับหลายแพลตฟอร์ม:
Android iOS เว็บ แม็กอส หน้าต่าง ลินเวกซ์
✅ไป

iOS: เพราะมีข้อ จำกัด มากมายใน App Store คุณสามารถรวบรวมและเรียกใช้ด้วยตัวเอง

2. ภาพหน้าจอ

  • เรียกดูไอคอนของไฟล์ TTF
Image-20230118134418925wechatimg90
  • ไอคอนค้นหา
Image-20230118134610113WeChatimg91
  • ข้อมูลตัวอักษร/สีไอคอน
Image-20230118134847227wechatimg92

3. ดาวน์โหลดและเรียกใช้

  • เว็บไซต์ออนไลน์

  • หน้าดาวน์โหลด

  • ไฟล์ตัวอย่าง TTF

4. คอมไพล์

เวอร์ชัน Flutter: Flutter (Channel Stable, 3.3.5), Dart เวอร์ชัน 2.18.2 เรียกใช้ flutter doctor -v คำสั่งเพื่อตรวจสอบ

  1. โครงการโคลน 
git clone https://github.com/Joehaivo/ttf_viewer
  1. ย้ายเข้าสู่ไดเรกทอรีการทำงาน 
 cd ttf_viewer
  1. แสดงรายการแพลตฟอร์มสนับสนุนปัจจุบัน 
flutter devices

ข้อมูลต่อไปนี้จะถูกพิมพ์หลังจากทำงาน:

3 อุปกรณ์ที่เชื่อมต่อ:

22041211AC (มือถือ) • A6I7PNQC8X45WGXK • Android-ARM64 • Android 13 (API 33)

MacOS (เดสก์ท็อป) • MacOS • DARWIN-ARM64 • MACOS 13.0.1 22A400 DARWIN-ARM

Chrome (เว็บ) • Chrome • Web-Javascript • Google Chrome 109.0.5414.87

  1. เลือกที่จะแก้ไขข้อบกพร่องและทำงานบนแพลตฟอร์มที่เหมาะสม 
flutter run -d 22041211AC # Running on the Android device, '22041211ac' comes from the previous step
# flutter run -d macOS # Running on the macOS device
  1. บรรจุุภัณฑ์ 
flutter build apk --no-tree-shake-icons # Android, product: build/app/outputs/apk/release/app-release.apk
# flutter build macos --no-tree-shake-icons # macOS, product: build/macos/Build/Products/Release/TTF Viewer.app
# fluteer build web # web, product: build/web
# flutter build windows --no-tree-shake-icons # windows 10
# flutter build linux --no-tree-shake-icons # linux only test for Ubuntu 22.04
  • 5.1 ขั้นตอนทางเลือก: แพ็คเกจ TTF Viewer.app เข้าสู่ ttf viewer.dmg ในแพลตฟอร์ม MacOS 
npm install -g appdmg # required 'node' and 'npm' command line tools
cd installers/dmg_creator
appdmg config.json ../../build/macos/Build/Products/Release/TTF  Viewer.dmg
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด