决定要收藏,让你白嫖阿里矢量图(iconfont矢量图使用)
相信大家在学习css的时候总时对小图标表示不得其解,用的是图片还可以存储下来,用图片解决,单身有一些是奇怪的数字,啊,这,相信大家懂得小白的无赖,开完这篇文章相信大家对矢量图的使用一定更好!
阿里矢量图网址https://www.iconfont.cn/https://www.iconfont.cn/ 打开小编给定的网址就可以看见这样一个好看的网页了。
下面进行登录(小编推荐使用 guthub账号!)
不会注册不要怕,库的搭建也有说明:小白都可以的注册使用说明
在GitHub搭建好库后,下面选择好你的图标(相信大家对自己的选择都不会太难!)
选择好图标后(建议加入购物车,好的话,可以收藏方便下次查找,可以下载(建议不要一个一个下,可以下载图片))
(下载说明:根据选择的图标进行下载,不建议因为一般都不会只要一个图标)
推荐使用购物车方法(选择好图,操作如图)
(当你确实后就会自动进入你的库)下载自己创建的图库(会以压缩包的形式进行下载)
自己进行解压,小编就补多说什么了(建议创建一个叫founts的文件夹,解压在此文件夹下,解压后内容基本应该和小编一样)
除了使用说明,其他的文件复制,粘贴到需要的项目中(使用说明要不要都可以,建议和css文件夹同级,创建一个fonts.css)。
同级和在css文件夹下的区别?
在同级下编辑font.css时使用../,不同级与fonts.css同级时使用./
为什么要强调,防止fonts.css找不到。
下面关键一步:打开使用说明(向后拉,如图)
复制粘贴前两步在fonts.css中。(根据创建的css配置)
下面就需要引用到HTML网页当中。
<link rel="stylesheet" href="css/fonts.css">
就可以使用图标了,
使用方法(可以使用span标签,i标签等等!):
标签 + 样式 + 数字
<i class="iconfont"></i>
数字的选择。
下面小编写就个看看现象(大小自己可以调,当选择图标显示出来时,证明欧克了,如果没有,大部分可能是路径设置出现问题):
<i class="iconfont"></i>
<i class="iconfont"></i>
<i class="iconfont"></i>
<i class="iconfont"></i>
好了,感谢大家观看,不要忘了点赞收藏哦!
决定要收藏,让你白嫖阿里矢量图(iconfont矢量图使用)相关推荐
- 域名备案以及再次白嫖阿里云
前几天域名的实名认证终于同步到国家数据库里了,可以继续进行下一步的操作了. 一.白嫖阿里云 进入阿里云的备案界面,按照要求填写信息即可.但是在信息审核的时候卡住了,备案只允许剩余时间超过3个月的服务器 ...
- 今日起,白嫖阿里云服务器,1年!
源 / 顶级程序员 文/ 大家好,我是南渡. 上周末和阿里云的死党恰了个饭,说是6月要搞一波大事情,有个福利可以给我号里的粉丝争取一下,饭罢赶紧回家,码字给我的读者搞一波福利: 「白嫖」 ...
- 1024 发福利,送你一份珍藏依旧的 Java,大数据礼包,确定不收藏 ?拒绝白嫖 !
C 站的朋友们,大家好哇,我是 梦想家 Alex .又到了一年一度我们程序员的专属节日,祝大家 bug - - ,薪资 + + ,在走向人生巅峰,迎娶白富美的路上越走越远 ~ 哈哈,这在专属于技术人的 ...
- 学生白嫖阿里云服务器方法
阿里云高校学生计划 打开如上网站, 可以看到,经过登录.学生认证.完成测试.领取ECS学习资源.开始课程学习5步之后就可以领取2个月的2核4G服务器. 到期的时候,还可以通过考试延长4个月.这个考试一 ...
- 两天白嫖阿里云服务器2核、4G内存、1M
阿里爸爸又来送温暖啦,疫情期间学生新用户可以注册答题免费领取一台2核.4G内存.1M带宽的计算资源.这可真的是大手笔呀,不得不说真香.惊不惊喜意不意外.一台服务器有什么用呢?如果你是将要毕业的准毕业生 ...
- 白嫖阿里-----搭建个人服务
最近偶然得到一个消息,可以免费蹭阿里6个月服务器用.这就很开心了,蹭到就是赚到.古语云:有便宜不占····:本着这种精神,这波为期6个月蹭服务器活动正式开启. 先提个醒,最好自己准备好实名认证的信息, ...
- 免费的HTTPS(白嫖阿里云SSL证书)
带着问题看内容 如何配置 HTTPS? 免费的HTTPS? 介绍 之前本来是用的 certbot,不知道为啥突然出问题了. 然后之前也了解过阿里云上也有免费的 SSL 证书,自己的域名也 是阿里云管理 ...
- 通过backblaze b2云存储加cloudflare免费cdn回流,白嫖10G不限流免费图床
准备工作 首先准备一个完全自主的域名,一个邮箱 1.在cloudflare注册并将你的域名加入,这个很简单,cloudflare现在大部份都中文了 2.在backblaze注册一个账号,并新建一个bu ...
- 阿里云服务器白嫖和购买教程——学生向
文章目录 吐槽 一.登录账号 二.白嫖阿里云 1.试用 2.购买 3.云服务器配置 4.选择网络和安全组 三.安全组配置 总结 吐槽 大学学习的知识过于老旧,感觉大学四年没学到什么真本事,而学校分级也 ...
- 乔戈里带你0元白嫖阿里云服务器指南
白嫖阿里云说明 | 程序员乔戈里 大家好,我是乔戈里,昨天发了文章说白嫖阿里云服务器,但是很多同学看得很懵,今天再说下: 由我组织大家拼团: 不满 1000 人,则每人返现 20 元: 满 1000 ...
最新文章
- 一般web放在linux那个目录下,web.py应该安装在linux的哪个目录下?
- epoll 使用详解
- Android之React Native 中组件的生命周期
- 关于移动端布局和pc端写法
- leetcode题解102-二叉树的层序遍历
- css怎么实现字体阴影,CSS3实例教程:text-shadow属性实现字体阴影分享
- sql按年、月、日、查询排序
- 计算机编程—必备基础知识点
- matlab均值滤波代码6,均值滤波matlab程序代码
- JAVA中ResourceBundle使用详解(一)
- matlab结构数组22,matlab结构数组
- 记某单机游戏的一次内购破解
- iphone邮件服务器 263,如何在iPhone和iPad中设置使用263企业邮箱?
- 庄曜计算机应用作曲电子书阅读,庄曜计算机应用作曲的意义
- Mezzanine 修改默认主页
- 雨听|Mac使用“打印”将文件保存为本地PDF
- 基于 Fortran QuickWin 的物性计算应用程序开发示例
- 网上报修 php源码,25175网上报修系统管理平台 v2.9
- windows 电脑终端查看历史记录命令
- Mysql数据库优化的目的和从那放几个方面进行优化
热门文章
- 新宝解读大盘单边攀升突破3600点 大金融崛起
- t分布 u分布 卡方分布_t分布曲线和正太分布,和z分布,和卡方分布,和方差分析的f分布曲线有什么区别?...
- 百度Web生态开花结果:Lavas等多项新技术帮助开发者效率提升
- java swing个人简历小实验
- NotImplementedError: Invalid CAN Bus Type - None
- CMSIS-RTOS手册
- 通过js打开浏览器独立的页面
- RadiAnt DICOM Viewer 2021 绿色版
- python不用模块随机列表_python不用库实现随机 如何用python实现随机抽取
- Python用pyecharts绘制中国各地级市gdp分布点图