当前位置:网站首页>Remember using Ali Font Icon Library for the first time
Remember using Ali Font Icon Library for the first time
2022-04-23 17:48:00 【Sanxiaochi 513】
First step : Go to Alibaba vector icon library Select the icon you want to add to the shopping cart and download the code
The second step :.ttf File transfer base64
Prevent link loss , The important contents are copied below
The illustration :
The third step : Copy transfer base64 I downloaded it after css File to your own project
.iconfont {
font-family: "iconfont" !important;
font-size: 45rpx;
color: #b65dff;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Step four : Use the font icon you want
(1) Open the code downloaded in Alibaba for the first time json file
(2) Project use ( Write a pseudo class )
.icon-order-hall:before{
content: '\e6cb';
}
(3) Pseudo class content The value is json The corresponding icon in the file unicode value
版权声明
本文为[Sanxiaochi 513]所创,转载请带上原文链接,感谢
https://yzsam.com/2022/04/202204230550325278.html
边栏推荐
- 198. Looting - Dynamic Planning
- 2022 judgment questions and answers for operation of refrigeration and air conditioning equipment
- Read software engineering at Google (15)
- In JS, t, = > Analysis of
- 470. 用 Rand7() 实现 Rand10()
- Utilisation de la liste - Ajouter, supprimer et modifier la requête
- 常用SQL语句总结
- stm32入门开发板选野火还是正点原子呢?
- The system cannot be started after AHCI is enabled
- 双指针进阶--leetcode题目--盛最多水的容器
猜你喜欢
1217_ Generating target files using scons
92. Reverse linked list II byte skipping high frequency question
The JS timestamp of wechat applet is converted to / 1000 seconds. After six hours and one day, this Friday option calculates the time
Future usage details
Applet learning notes (I)
PC uses wireless network card to connect to mobile phone hotspot. Why can't you surf the Internet
102. Sequence traversal of binary tree
Dry goods | how to extract thumbnails quickly?
Hcip fifth experiment
Chrome浏览器的跨域设置----包含新老版本两种设置
随机推荐
一些问题一些问题一些问题一些问题
高德地图搜索、拖拽 查询地址
2022年茶艺师(初级)考试模拟100题及模拟考试
JVM class loading mechanism
[二叉数] 二叉树的最大深度+N叉树的最大深度
MySQL advanced index [classification, performance analysis, use, design principles]
How to manually implement the mechanism of triggering garbage collection in node
Land cover / use data product download
587. 安装栅栏 / 剑指 Offer II 014. 字符串中的变位词
402. Remove K digits - greedy
SystemVerilog (VI) - variable
读《Software Engineering at Google》(15)
PC uses wireless network card to connect to mobile phone hotspot. Why can't you surf the Internet
[binary number] maximum depth of binary tree + maximum depth of n-ary tree
stm32入门开发板选野火还是正点原子呢?
198. 打家劫舍-动态规划
In ancient Egypt and Greece, what base system was used in mathematics
Halo open source project learning (II): entity classes and data tables
Why do some people say SCM is simple and I have to learn it so hard?
【Appium】通过设计关键字驱动文件来编写脚本