這篇文章將為大家詳細講解有關CSS如何在項目里引入自定義字體@font-face,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創新互聯服務項目包括霞浦網站建設、霞浦網站制作、霞浦網頁制作以及霞浦網絡營銷策劃等。多年來,我們專注于互聯網行業,利用自身積累的技術優勢、行業經驗、深度合作伙伴關系等,向廣大中小型企業、政府機構等提供互聯網行業的解決方案,霞浦網站推廣取得了明顯的社會效益與經濟效益。目前,我們服務的客戶以成都為中心已經輻射到霞浦省份的部分城市,未來相信會繼續擴大服務區域并繼續獲得客戶的支持與信任!
添加自定義字體:
①:首先需要下載所需字體
推薦該下載字體網站:https://www.fontke.com/
②:把下載字體文件放入 font文件夾里(建議font文件夾與 css 和 image文件夾平級))
③:引入字體(可直接在html文件里用@font-face引入字體,如下圖,分別是字體名字和路徑)
這樣就可以直接給需要設置此字體的文字設置該字體了,如下圖
就當我以為完美解決時,一個問題浮出水面:英文和數字還好,但中文字體體積太大,一般都是好幾兆
比如我下載的這個字體就有4M多
對于PC端可能都還好,如果是移動端,對性能的影響無法想象
那怎么解決這個棘手的問題呢?答案是使用字體蜘蛛進行壓縮
關于“CSS如何在項目里引入自定義字體@font-face”這篇文章就分享到這里了,希望以上內容可以對大家有一定的幫助,使各位可以學到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。
網站題目:CSS如何在項目里引入自定義字體@font-face
網站地址:http://vcdvsql.cn/article2/gjceoc.html
成都網站建設公司_創新互聯,為您提供虛擬主機、App開發、網站收錄、網頁設計公司、外貿網站建設、服務器托管
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯