溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本文小編為大家詳細介紹“如何通過CSS的@font-face屬性實現在網頁中嵌入任意字體”，內容詳細，步驟清晰，細節處理妥當，希望這篇“如何通過CSS的@font-face屬性實現在網頁中嵌入任意字體”文章能幫助大家解決疑惑，下面跟著小編的思路慢慢深入，一起來學習新知識吧。
美工設計師最常做的辦法是把想要的文字做成圖片，這樣做有幾個明顯缺陷：
1. 不可能大范圍的使用該字體;
2. 圖片內容相對使用文字不易修改;
3. 不利于網站SEO(主流搜索引擎不會將圖片alt內容作為判斷網頁內容相關性的有效因素)。
網絡上有一些使用sIFR技術、或javascript/flash hack的方法，但實現起來或繁瑣，或有缺陷。
外部字體怎么添加?
我wxss里添加了 @font-face 代碼，一般來說應該支持的，但還是不支持。 如下：
[mw_shl_code=css,true]
@font-face {
font-family: '字體名稱';
src: url("../../resources/font/UKIJTuzTom.eot");
font-weight: normal;
font-style: normal;
}
[/mw_shl_code]
暫時沒有想到其他好的方式，就先用如下方式解決了{:5_1373:}
微信小程序 @font-face 里 添加url地址沒用， 所以 URL地址替換掉 base64 編嗎實現。
1. 先外部字體準備好。 比：(UKIJTzTr.ttf 維吾爾語UKIJ字體)
2. http://transfonter.org/ 網站里 上傳字體，選擇base64 編嗎 ，fotmat后下載 。
3. 下載包里有個 style文件 打開后 代碼可以添加到WXSS里 。
讀到這里，這篇“如何通過CSS的@font-face屬性實現在網頁中嵌入任意字體”文章已經介紹完畢，想要掌握這篇文章的知識點還需要大家自己動手實踐使用過才能領會，如果想了解更多相關內容的文章，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
