您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)CSS如何在項(xiàng)目里引入自定義字體@font-face,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
添加自定義字體:
?、伲菏紫刃枰螺d所需字體
推薦該下載字體網(wǎng)站:https://www.fontke.com/
?、冢喊严螺d字體文件放入 font文件夾里(建議font文件夾與 css 和 image文件夾平級(jí)))
③:引入字體(可直接在html文件里用@font-face引入字體,如下圖,分別是字體名字和路徑)
這樣就可以直接給需要設(shè)置此字體的文字設(shè)置該字體了,如下圖
就當(dāng)我以為完美解決時(shí),一個(gè)問題浮出水面:英文和數(shù)字還好,但中文字體體積太大,一般都是好幾兆
比如我下載的這個(gè)字體就有4M多
對(duì)于PC端可能都還好,如果是移動(dòng)端,對(duì)性能的影響無法想象
那怎么解決這個(gè)棘手的問題呢?答案是使用字體蜘蛛進(jìn)行壓縮
關(guān)于“CSS如何在項(xiàng)目里引入自定義字體@font-face”這篇文章就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,使各位可以學(xué)到更多知識(shí),如果覺得文章不錯(cuò),請(qǐng)把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。