在阿里矢量库下载了字体图标在项目引入无法显示时
生活随笔
收集整理的這篇文章主要介紹了
在阿里矢量库下载了字体图标在项目引入无法显示时
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
問(wèn)題:如果你在阿里矢量庫(kù)下載了字體圖標(biāo)在項(xiàng)目引入無(wú)法顯示時(shí),可以把圖標(biāo)轉(zhuǎn)成base64
處理方法:具體操作:
? ? ? ? ? ? ? ? ? ? ? ? 1.打開(kāi)‘我的項(xiàng)目’
? ? ? ? ? ? ? ? ? ? ? ? 2.修改unicode為base64
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (1)打開(kāi)項(xiàng)目設(shè)置
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (2)在字體格式選項(xiàng)勾選‘TTF’和‘base64’就可以了
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? (3)點(diǎn)擊更新代碼,就可以在光放頁(yè)面把原先的TTF改為base64了
? ? ? ? ? ? ? ? ? ? ? ? 3.復(fù)制base64后面的代碼
? ? ? ? ? ? ? ? ? ? ? ? 4.具體使用代碼(xxx是代表base64代碼)
@font-face {font-family: 'iconfont';src: url('data:font/ttf;charset=utf-8;base64,xxxxxxxxxxxxxxxxxxxxxxxxx') format('truetype');font-weight: normal;font-style: normal;font-display: swap; }ps:1.設(shè)置的截圖
?
2.更新base64后的樣子?
?
?
總結(jié)
以上是生活随笔為你收集整理的在阿里矢量库下载了字体图标在项目引入无法显示时的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 国内芯片60个细分领域重要代表企业【收藏
- 下一篇: Virtualbox桥接网卡设置