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