在阿里矢量库下载了字体图标在项目引入无法显示时

问题:如果你在阿里矢量库下载了字体图标在项目引入无法显示时,可以把图标转成base64
处理方法:具体操作:
                        1.打开‘我的项目’

                        2.修改unicode为base64

                                (1)打开项目设置

                                (2)在字体格式选项勾选‘TTF’和‘base64’就可以了

                                (3)点击更新代码,就可以在光放页面把原先的TTF改为base64了

                        3.复制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.设置的截图

 

2.更新base64后的样子 

 

猜你喜欢

转载自blog.csdn.net/qq_35181466/article/details/120013152