解决uni-app项目引入字体iconfont图标不显示问题

发布日期 2022/03/30 09:11:04 作者 宇行人 人气 92

1)下载后不显示的代码:

解决uni-app项目引入字体iconfont图标不显示问题原图-深圳建站APP开发

2)在线字体base64转换
https://www.giftofspeed.com/base64-encoder/

解决uni-app项目引入字体iconfont图标不显示问题base64转码图-深圳建站APP开发


3)套入如下格式

@font-face {font-family: "iconfont";src:url(\'data:application/x-font-woff2;charset=utf-8;base64,转换后的base64代码\') format(\'woff2\');}


解决uni-app项目引入字体iconfont图标不显示问题base64转码后项目使用图-深圳建站APP开发

4)项目中引用即可使用。

略(有问题欢迎反馈)



转自:宇行建站APP开发


深圳宇行科技-tel 18802602910

深圳宇行科技-email info@yuxcn.com

工作时间 9:00-12:00 14:00-17:00

周六及部分节假日提供值班服务

小程序网站

深圳宇行科技-小程序网站

关注公众号

深圳宇行科技-关注公众号

服务热线

18802602910

网站建设

应用开发

业务咨询

投诉意见

售后服务

发展建议

资料有误

程序bug

小程序

站点系统

深圳宇行科技-微信公众号

小程序网站

深圳宇行科技-关注微博

关注公众号