W3Cschool
恭喜您成為首批注冊用戶
獲得88經(jīng)驗值獎勵
考慮不將自定義字體與你的應(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,以提供一致的外觀和更好的性能。
Copyright©2021 w3cschool編程獅|閩ICP備15016281號-3|閩公網(wǎng)安備35020302033924號
違法和不良信息舉報電話:173-0602-2364|舉報郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號
聯(lián)系方式:
更多建議: