相信大家在学习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矢量图使用)相关推荐

  1. 域名备案以及再次白嫖阿里云

    前几天域名的实名认证终于同步到国家数据库里了,可以继续进行下一步的操作了. 一.白嫖阿里云 进入阿里云的备案界面,按照要求填写信息即可.但是在信息审核的时候卡住了,备案只允许剩余时间超过3个月的服务器 ...

  2. 今日起,白嫖阿里云服务器,1年!

    源 / 顶级程序员        文/ 大家好,我是南渡. 上周末和阿里云的死党恰了个饭,说是6月要搞一波大事情,有个福利可以给我号里的粉丝争取一下,饭罢赶紧回家,码字给我的读者搞一波福利: 「白嫖」 ...

  3. 1024 发福利,送你一份珍藏依旧的 Java,大数据礼包,确定不收藏 ?拒绝白嫖 !

    C 站的朋友们,大家好哇,我是 梦想家 Alex .又到了一年一度我们程序员的专属节日,祝大家 bug - - ,薪资 + + ,在走向人生巅峰,迎娶白富美的路上越走越远 ~ 哈哈,这在专属于技术人的 ...

  4. 学生白嫖阿里云服务器方法

    阿里云高校学生计划 打开如上网站, 可以看到,经过登录.学生认证.完成测试.领取ECS学习资源.开始课程学习5步之后就可以领取2个月的2核4G服务器. 到期的时候,还可以通过考试延长4个月.这个考试一 ...

  5. 两天白嫖阿里云服务器2核、4G内存、1M

    阿里爸爸又来送温暖啦,疫情期间学生新用户可以注册答题免费领取一台2核.4G内存.1M带宽的计算资源.这可真的是大手笔呀,不得不说真香.惊不惊喜意不意外.一台服务器有什么用呢?如果你是将要毕业的准毕业生 ...

  6. 白嫖阿里-----搭建个人服务

    最近偶然得到一个消息,可以免费蹭阿里6个月服务器用.这就很开心了,蹭到就是赚到.古语云:有便宜不占····:本着这种精神,这波为期6个月蹭服务器活动正式开启. 先提个醒,最好自己准备好实名认证的信息, ...

  7. 免费的HTTPS(白嫖阿里云SSL证书)

    带着问题看内容 如何配置 HTTPS? 免费的HTTPS? 介绍 之前本来是用的 certbot,不知道为啥突然出问题了. 然后之前也了解过阿里云上也有免费的 SSL 证书,自己的域名也 是阿里云管理 ...

  8. 通过backblaze b2云存储加cloudflare免费cdn回流,白嫖10G不限流免费图床

    准备工作 首先准备一个完全自主的域名,一个邮箱 1.在cloudflare注册并将你的域名加入,这个很简单,cloudflare现在大部份都中文了 2.在backblaze注册一个账号,并新建一个bu ...

  9. 阿里云服务器白嫖和购买教程——学生向

    文章目录 吐槽 一.登录账号 二.白嫖阿里云 1.试用 2.购买 3.云服务器配置 4.选择网络和安全组 三.安全组配置 总结 吐槽 大学学习的知识过于老旧,感觉大学四年没学到什么真本事,而学校分级也 ...

  10. 乔戈里带你0元白嫖阿里云服务器指南

    白嫖阿里云说明 | 程序员乔戈里 大家好,我是乔戈里,昨天发了文章说白嫖阿里云服务器,但是很多同学看得很懵,今天再说下: 由我组织大家拼团: 不满 1000 人,则每人返现 20 元: 满 1000 ...

最新文章

  1. 一般web放在linux那个目录下,web.py应该安装在linux的哪个目录下?
  2. epoll 使用详解
  3. Android之React Native 中组件的生命周期
  4. 关于移动端布局和pc端写法
  5. leetcode题解102-二叉树的层序遍历
  6. css怎么实现字体阴影,CSS3实例教程:text-shadow属性实现字体阴影分享
  7. sql按年、月、日、查询排序
  8. 计算机编程—必备基础知识点
  9. matlab均值滤波代码6,均值滤波matlab程序代码
  10. JAVA中ResourceBundle使用详解(一)
  11. matlab结构数组22,matlab结构数组
  12. 记某单机游戏的一次内购破解
  13. iphone邮件服务器 263,如何在iPhone和iPad中设置使用263企业邮箱?
  14. 庄曜计算机应用作曲电子书阅读,庄曜计算机应用作曲的意义
  15. Mezzanine 修改默认主页
  16. 雨听|Mac使用“打印”将文件保存为本地PDF
  17. 基于 Fortran QuickWin 的物性计算应用程序开发示例
  18. 网上报修 php源码,25175网上报修系统管理平台 v2.9
  19. windows 电脑终端查看历史记录命令
  20. Mysql数据库优化的目的和从那放几个方面进行优化

热门文章

  1. 新宝解读大盘单边攀升突破3600点 大金融崛起
  2. t分布 u分布 卡方分布_t分布曲线和正太分布,和z分布,和卡方分布,和方差分析的f分布曲线有什么区别?...
  3. 百度Web生态开花结果:Lavas等多项新技术帮助开发者效率提升
  4. java swing个人简历小实验
  5. NotImplementedError: Invalid CAN Bus Type - None
  6. CMSIS-RTOS手册
  7. 通过js打开浏览器独立的页面
  8. RadiAnt DICOM Viewer 2021 绿色版
  9. python不用模块随机列表_python不用库实现随机 如何用python实现随机抽取
  10. Python用pyecharts绘制中国各地级市gdp分布点图