ttf_viewer

TTF查看器

用於瀏覽TrueType字體（.TTF）文件（通常稱為IconFont）圖標的開源跨平台應用程序，由Flutter編寫。

語言：簡體中文英語

1。功能

• 通過將TTF文件拖放到應用程序窗口中，支持瀏覽圖標，也支持批處理拖放。 （手機除外）
• 支持同時打開多個字體文件。
• 支持通過圖標名稱（glyphname）搜索圖標。
• 支持將所有字形代碼（JSON格式）複製到Clipborad，以方便您的編程。
• 支持更改圖標顏色。
• 支持自動後續系統語言。 （英語和中文）
• 支持多平台：

安卓	ios	網絡	macos	視窗	Linux
✅	配x	✅去	✅	✅	✅

iOS：因為App Store上有許多限制。您可以自己編譯並運行它。

2。屏幕截圖

• 瀏覽TTF文件的圖標

• 搜索圖標

• 字體信息/圖標顏色

3。下載並運行

• 在線網站

• 下載頁面

• TTF示例文件

4。編譯

Flutter版本：Flutter（通道穩定，3.3.5），DART版本2.18.2。運行flutter doctor -v命令進行檢查。

1. 克隆項目

git clone https://github.com/Joehaivo/ttf_viewer

2. 進入工作目錄

 cd ttf_viewer

3. 列出當前支持平台

flutter devices

運行後將打印以下信息：

3個連接的設備：

22041211AC（移動）•A6I7PNQC8X45WGXK•Android-ARM64•Android 13（API 33）

MacOS（桌面）•MACOS•Darwin-Arm64•MacOS 13.0.1 22A400 DARWIN-ARM

Chrome（Web）•Chrome•Web-JavaScript•Google Chrome 109.0.5414.87

4. 選擇在正確的平台上進行調試並運行

flutter run -d 22041211AC # Running on the Android device, '22041211ac' comes from the previous step
# flutter run -d macOS # Running on the macOS device

5. 包裹

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 in macos平台中的ttf viewer.dmg

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