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