热门标签
热门文章
- 1效率加倍，高并发场景下的接口请求合并方案_超高并发的请求合并
- 2C#实现微信自动发送消息_c# 发送微信
- 3【python】爬取豆瓣电影排行榜Top250存储到Excel文件中【附源码】
- 4在线课堂课程订购微信小程序的设计与实现（附源码 配置 文档）_课程订阅小程序怎么做
- 5Vue2 props组件通信-父子组件传值
- 6【STM32小项目】-- 基于STM32芯片车载货物搬运系统研究_stm32装载机项目
- 7C 语言实现面向对象编程_c语言可以实现面向对象吗
- 82023年亚太杯数学建模亚太赛A题思路解析+代码+论文
- 9轻量级BERT模型ALBERT_albert 和bert 实体识别效果对比
- 10河北省2023年职业院校（中职组）技能大赛“网络搭建与应用”赛项竞赛样题_1.总部两台核心交换机通过vsf物理端口连接起来形成一台虚拟的逻辑设备,网管人员可
当前位置: article > 正文
阿里巴巴字体库的下载以及三种用法_阿里字体库
作者：代码大牛 | 2024-01-30 19:23:35
赞
踩
阿里字体库
一、字体库的下载
点击素材库，以单色图标库为例
随便点进去一个
加完之后点击购物车，可以看到所有我们选择的图标，点击添加至项目，没有项目的新建一个就行（点击下载代码或者素材会导致材料不全）
将文件夹解压放到项目根目录
项目文件夹下有这些文件
在head里面引入这里的css文件，注意文件路径要对，不然会引用失败，下面的三种方法的前提都是要引入css样式表
二、在标签中直接引入字体图标类名显示
网页中打开这个文件
点击font class
copy你需要的类名
在需要引用字体图标的地方先加上iconfont（不能漏），再加上刚刚copy的字体图标的类名
最后在网页中成功显示
三、在标签中填写uicode
只需要加入iconfont大类名，再在标签中加入copy的unicode
成功显示
三、伪类运用字体图标
这里要注意的是伪类需要在content里面加上unicode，跟上面不同的是&#x变成\，最后加上font-family:'iconfont',
成功显示
声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/article/detail/48472
推荐阅读
相关标签
