国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

淺談CSS字體的加載加速問題

2024-07-11 09:06:42
字體:
來源:轉載
供稿:網(wǎng)友
這篇文章主要介紹了CSS字體的加載加速問題,主要針對使用CSS中5種通用字體以外的情況,需要的朋友可以參考下
 
 

除了各種特定字體系列外(如 Times、Verdana、Helvetica 或 Arial),CSS定義了 5 種通用字體系列:

Serif 字體
    這些字體成比例,而且有上下短線。如果字體中的所有字符根據(jù)其不同大小有不同的寬度,則成該字符是成比例的。例如,小寫 i 和小寫 m 的寬度就不同。上下短線是每個字符筆劃末端的裝飾,比如小寫 l 頂部和底部的短線,或大寫 A 兩條腿底部的短線。Serif 字體的例子包括 Times、Georgia 和 New Century Schoolbook。
Sans-serif 字體
    這些字體是成比例的,而且沒有上下短線。Sans-serif 字體的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
Monospace 字體
    Monospace 字體并不是成比例的。它們通常用于模擬打字機打出的文本、老式點陣打印機的輸出,甚至更老式的視頻顯示終端。采用這些字體,每個字符的寬度都必須完全相同,所以小寫的 i 和小寫的 m 有相同的寬度。這些字體可能有上下短線,也可能沒有。如果一個字體的字符寬度完全相同,則歸類為 Monospace 字體,而不論是否有上下短線。Monospace 字體的例子包括 Courier、Courier New 和 Andale Mono。
Cursive 字體
    這些字體試圖模仿人的手寫體。通常,它們主要由曲線和 Serif 字體中沒有的筆劃裝飾組成。例如,大寫 A 再其左腿底部可能有一個小彎,或者完全由花體部分和小的彎曲部分組成。Cursive 字體的例子包括 Zapf Chancery、Author 和 Comic Sans。
Fantasy 字體
    這些字體無法用任何特征來定義,只有一點是確定的,那就是我們無法很容易地將其規(guī)劃到任何一種其他的字體系列當中。這樣的字體包括 Western、Woodblock 和 Klingon。

理論上講,用戶安裝的任何字體系列都會落入到上述某種通用系列中,但實際上可能并非如此,不過例外情況(如果有的話)往往很少。

然而,似乎大多數(shù)網(wǎng)站使用非默認字體的這些天,但是誰能怪他們呢?系統(tǒng)字體都是很枯燥的,使用自定義字體能為一個網(wǎng)站增色不少。使用自定義字體所帶來的問題就是,會延緩你站點的加載。字體文件比較大,可能需要單獨的字體文件,粗體和斜體,并阻止渲染,如果開發(fā)商不解決它們。讓我告訴你一個更快速加載的方法。
1. 把字體放在CDN上

為提高網(wǎng)站的速度,一個簡單的解決方案是使用CDN,這對字體來說沒有什么差別。重要的是要確保CDN有適當?shù)腃ORS設置
 

復制代碼
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 周口市| 崇阳县| 广安市| 北辰区| 庄浪县| 措勤县| 兰溪市| 乌鲁木齐县| 伽师县| 福泉市| 锡林浩特市| 五常市| 凉山| 黄梅县| 南靖县| 枣阳市| 云安县| 威海市| 弥渡县| 颍上县| 阿勒泰市| 通辽市| 崇州市| 铜川市| 梨树县| 察雅县| 固镇县| 黎川县| 鲜城| 兴安县| 新宾| 延寿县| 色达县| 上犹县| 南郑县| 正阳县| 阜宁县| 延吉市| 二连浩特市| 馆陶县| 四会市|