阿里云iconfont使用方法

在阿里巴巴矢量图标中找到自己需要用到的icon图标，并添加至购物车

打开购物车，将购物车中的图标字体添加至我们的项目中

在我的项目中可以看到自己添加的图标字体，点击下载项目至本地

将下载的代码放在CSS资源文件夹中

文件放到项目后，只需要引用iconfont.css这个文件即可；

<link rel="stylesheet" href="./css/font_3505066_s2ebdxfkv9a/iconfont.css">

最后一步肯定是调用了（有两种调用方式）：

使用Unicode编码

<i class="iconfont"></i>

使用CSS样式

<i class="iconfont icon-gouwuche"></i>

CSS样式的名称和 Unicode编码都可以在iconfont.css中找到（其中CSS名称可以自己命名，Unicode编码需要将 \ 改变为 &#x, 最后再加一个分号

iconfont.css文件内容解释：

阿里云iconfont使用方法相关推荐

uin-app 使用阿里云iconfont图标
uin-app 使用阿里云iconfont图标介绍开始 1. 去阿里云图标选择自己,需要的图标,然后加入购物车. 2. 进入购物车,下载源码 3. 下载好以后,解压,把压缩包里面的文件放在相应的位 ...
CentOS7、红帽rhel8添加阿里云yum源方法
CentOS7.红帽rhel8添加阿里云yum源方法 1.安装wget下载工具: yum -y install wget (要确保有本地镜像源才能安装,本地镜像源在安装光盘中,需要挂载到空目录上) 2 ...
CentOS bug修复指令集（阿里云漏洞修复方法）
阿里云服务器经常会提示有漏洞,如 RHSA-2018:0423: kernel security, bug fix, and enhancement update (Moderate),如何修复呢?可 ...
react-next 引入阿里云iconfont 图标（适用所有）
进入阿里云图标库搜索想要的图标地址: https://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2 随便找一个加入购物车添 ...
群晖NAS同步阿里云盘最新方法2023-04
之前按照网上的方法,成功同步了阿里云盘到群晖里,但最近发现阿里云盘的同步断了,群晖里的docker容器一直连接中,连接不上,按照以前的方法,更新了refresh_token.改参数名字之类的试了都不行 ...
阿里云域名解析设置方法
系统一键添加邮箱解析如您使用万网域名,万网云邮箱支持自动设置解析记录. 1.请登录阿里云/万网[管理控制台],点击使用中的[产品与服务]-[企业邮箱]进入邮箱管理列表页. 2.在邮箱管理列表中点击要 ...
新手购买阿里云服务器的方法教程及步骤流程
众所周知,无论阿里云.腾讯云等国内主流云商家,我们一般根据项目的需求大概确定所需云服务器的配置,比如几核几G内存几M带宽,是否需要购买数据库等.今天,主机教程网来讲解一下阿里云vps怎么购买及流程步骤 ...
uniapp 小程序开发，实现图片直传阿里云的简单方法
借用uniapp官方的第三方组件uni-file-picker和插件市场的已经封装好的插件yushijie-ossutil就能简单实现下载链接:阿里云oss文件直传-无需后台签名 - DCloud ...
什么？本地磁盘白嫖1.16T ！我惊了!可以当作电脑磁盘的网盘——阿里云盘挂载方法
首先,废话不多说,先上图 1.16T的磁盘,就像使用本地磁盘一样方便! 教程如下一.首先去获取一个网盘账号,非常简单方便:阿里云盘地址然后点击左下角可以进行扩容二.安装挂载软件文末给大家提供了 ...
docker官方镜像用阿里云加速器的方法
使用docker pull官方镜像的时候慢的让人头疼,无意间发了可以使用阿里云的加速器来加速官方镜像的下载速度我自己的专属加速器地址 https://5xcgs6ii.mirror.aliyuncs ...

阿里云iconfont使用方法

阿里云iconfont使用方法

阿里云iconfont使用方法相关推荐

最新文章

热门文章