博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
uni-app 引入本地iconfont的正确姿势以及阿里图标引入
阅读量:4327 次
发布时间:2019-06-06

本文共 597 字,大约阅读时间需要 1 分钟。

1.引入本地iconfont

iconfont文件里面包含 iconfont.ttf、iconfont.css, 将 iconfont.tt64文件转位 base64。

推荐转换工具地址:

然后打开 iconfont.css文件,修改 @font-face 部分,将转换好的 base64代码粘贴到对应位置,并且设置 代码如下:

@font-face {    font-family: "iconfont";    src: url(data:font/truetype;charset=utf-8;base64,转换的base64内容) format('truetype');  }  .iconfont {    display: inline-block;  }

最后则再项目中App.vue中引入iconfont.css文件  

2.引入阿里图标

@font-face {  font-family: 'iconfont';  /* project id 876692 */  src:url('http://at.alicdn.com/t/font_876692_b4c5ti59cpk.ttf') format('truetype');}

 注意的是src使用加上http

转载于:https://www.cnblogs.com/lizhao123/p/10642033.html

你可能感兴趣的文章
收藏其他博客园主写的代码,学习加自用。先表示感谢!!!
查看>>
H5 表单标签
查看>>
su 与 su - 区别
查看>>
C语言编程-9_4 字符统计
查看>>
在webconfig中写好连接后,在程序中如何调用?
查看>>
限制用户不能删除SharePoint列表中的条目(项目)
查看>>
【Linux网络编程】使用GDB调试程序
查看>>
feign调用spring clound eureka 注册中心服务
查看>>
ZT:Linux上安装JDK,最准确
查看>>
LimeJS指南3
查看>>
关于C++ const成员的一些细节
查看>>
《代码大全》学习摘要(五)软件构建中的设计(下)
查看>>
C#检测驱动是否安装的问题
查看>>
web-4. 装饰页面的图像
查看>>
微信测试账户
查看>>
Android ListView上拉获取下一页
查看>>
算法练习题
查看>>
学习使用Django一 安装虚拟环境
查看>>
Hibernate视频学习笔记(8)Lazy策略
查看>>
CSS3 结构性伪类选择器(1)
查看>>