mysql下载之后是个文件夹
简单介绍⼀下阿⾥巴巴⽮量图标库的使⽤
相信做过前端的都知道阿⾥巴巴⽮量图标库，这是⼀个⾮常好⽤的添加⼩图标的⽅法，⽽且是完全免费的，可以在线使⽤也可以下载到本地使⽤，⽽且图标是作为字体插⼊，不仅可以改变颜⾊⼤⼩，⽽且在布局⽅⾯也⾮常⽅便。下⾯我就来介绍⼀下阿⾥巴巴⽮量图标库Iconfont。
Iconfont之前只包括官⽅图标库和所有图标库，现在改版⼜多了个多⾊图标库，这个暂时没⽤过，⽤过再来讲，这⾥我⼀般都选所有图标库。
点进去之后在上⾯有⼀个搜索框，可以输⼊关键字搜索，⽐如输⼊：“主页”，就会出现代表主页的图标；这个图标会有很多，⼤家要注意是线条的还是填充的。
到你想要的图标之后你可以有三种选择：
第⼀，将想要的图标保存成图⽚格式下载到本地，⼀般有三种格式，SVG下载，AI下载，ＰＮＧ下载;
SVG格式是可缩放的⽮量图形，⽤来定义⽤于⽹络的基于⽮量的图形；因为图像是⽮量图，在改变尺⼨时图形质量不会有所损失;
AI格式是指在Adobe Illustrator的软件中制作的⽮量图，但是只能在特定软件中打开，也可在PS中打开，不过打开后显⽰的不是⽮量图，⽽是位图，不是⽤于设计的⼀般⽤不上;
所以较为常⽤的是存储为PNG格式，作为图⽚插⼊；
第⼆：当你需要下载多个⼩图标时，将选好的图标统⼀加⼊购物车，加⼊购物车后点击下载代码，就可以下到本地使⽤了。这⼀步从前不需要登录，但是现在改版了，需要先登录才可以操作，然后它有⼀个缺点，就是如果你想要添加⼏个图标的话需要重新下载所有的，当然，也不是没有解决办法办法的，可以下载新的之后，在css⽂件夹⾥再创建⼀个⽂件夹，在⾥⾯再写⼀个css外联样式表⽤来操作新的⼩图标，不过这样似乎有点劳师动众，⽽且⽂件夹⾥再嵌套⽂件夹，对⽹页性能也是有影响的；所以如果你不是⾮要下载到本地的话，可以尝试第三种⽅法。
使⽤时，将打包后的zip包解压，⾥⾯有三个html⽂件，打开，⾥⾯是在本地使⽤的三种⽅法（之前只有Unicode），⼤家可以在浏览器中打开，按照步骤操作，把⾥⾯的两⼤段代码拷贝到css⽂件中，然后就不需要再动他们了，这⾥要说⼀下，在进⾏下⾯操作之前需要先把解压后⽂件除了开头字母为demo的⼏个⽂件外，其他的都拷贝到css⽂件夹根⽬录，确保你在使⽤时能调到这⼏个⽂件（可能有些不是必须，但我⽐较懒，就都拷贝了）；这样基本就完成了，你想在页⾯哪⾥使⽤，只要在demo⾥获取Unicode码，替换<i class="iconfont">3</i>中间的就可以了。
第三，当你登录阿⾥巴巴⽮量图标库之后，可以在加⼊购物车之后选择添加⾄项⽬，就可以添加到你在图标库中的项⽬⾥，然后在图标管理，我的项⽬⾥可以查看，然后点击查看在线链接，把链接的那
段代码添加到你的css⽂件中，就可以在线使⽤你的项⽬中的图标了，再添加时只需要重新获取链接就可以了；不过我在做这个的时候发现图标并没有出现，⽽是出现了两个⼩框框，后来经过⼀系列惨烈的虐⼼尝试，到了解决办法：（1）本地测试的时候要放在服务器⾥；（2）要在css⽂件⾥添加⼀段代码：
.iconfont{
font-family:"iconfont" !important;
font-size:16px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
对，就是得设置样式，要不没有办法显⽰，我们在要修改图标颜⾊⼤⼩时也要注意权重问题。
今天就说到这⾥，希望能给⼤家帮助~

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。