Tauri 刪除不必要的自定義字體

2023-10-19 17:11 更新

考慮不將自定義字體與你的應(yīng)用一起發(fā)布,而是依賴系統(tǒng)字體。如果必須包含自定義字體,請確保它們采用現(xiàn)代、經(jīng)過優(yōu)化的格式,如?woff2?。

字體可能相當(dāng)大,因此使用操作系統(tǒng)已經(jīng)包含的字體可以減小你的應(yīng)用程序的占用空間。這還可以避免 FOUT(未樣式化文本的瞬間閃爍),使你的應(yīng)用程序感覺更加“原生”,因為它使用與其他所有應(yīng)用程序相同的字體。

如果必須包含自定義字體,請確保它們采用現(xiàn)代格式,如woff2,因為這些格式往往比傳統(tǒng)格式要小得多。

在你的 CSS 中使用所謂的“系統(tǒng)字體堆疊”(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;

這些系統(tǒng)字體堆疊將根據(jù)用戶的操作系統(tǒng)和設(shè)置選擇適當(dāng)?shù)淖煮w,以提供一致的外觀和更好的性能。


以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號