Tauri 删除不必要的自定义字体

2023-10-19 17:11 更新

考虑不将自定义字体与你的应用一起发布,而是依赖系统字体。如果必须包含自定义字体,请确保它们采用现代、经过优化的格式,如​woff2​。

字体可能相当大,因此使用操作系统已经包含的字体可以减小你的应用程序的占用空间。这还可以避免 FOUT(未样式化文本的瞬间闪烁),使你的应用程序感觉更加“原生”,因为它使用与其他所有应用程序相同的字体。

如果必须包含自定义字体,请确保它们采用现代格式,如woff2,因为这些格式往往比传统格式要小得多。

在你的 CSS 中使用所谓的“系统字体堆叠”(System Font Stacks)。有许多变种,但以下是三个基本的示例供你参考:

无衬线字体

font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial,
sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';

衬线字体

font-family: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid
Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;

等宽字体

font-family: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation
Mono, monospace;

这些系统字体堆叠将根据用户的操作系统和设置选择适当的字体,以提供一致的外观和更好的性能。


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号