总体来说，字体图标按照如下流程： 设计字体图标 假如图标是我们公司单独设计，那就需要第一步了，这个属于UI设计人员的工作， 他们在 illustrator 或 Sketch 这类矢量图形软件里创建 icon图标， 比如下图&…

前端学习笔记60-图标字体简介 图标字体(iconfont)Font Awesome 如果我们把一张图片放大很多倍，很看到图片变成马赛克了，但是如果我们把字体设很大，就不会。 所以字体相比于图片有优势，它还可以随意改颜色，且文件大小也…

文章目录 web字体字体格式 字体图标字体图标优点字体图标使用流程设计字体图标上传生成字体包下载兼容字体包字体引入到HTML第一步：在样式里面声明字体： 告诉别人我们自己定义的字体第二步：给盒子使用字体第三步：盒子里面添加结构…

下图是uniapp官网中对uniapp中字体图标使用规范的描述 这是官网地址中的原文链接 uniapp官网原文 从官网中对uniapp中字体图标使用规范的描述里可以看出，uniapp中使用字体图标的方式有两种，一种是网络路径的字体图标，另一种就是base64格式的字…

iconfont解决了我们以前大量使用小图标带来的种种问题，但是也有自身的各种缺陷。比如不支持多色，不同浏览器下的表现不同，需要做各种兼容等。 不久的将来iconfont应该会被svg symbol技术替换。本文就是介绍如何在网页中使用SVG图标。顺带一提…

字体图标 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失…

2018的第一个月份，希望能多记录一些实用的东西吧，今天来分享一下Android中的矢量图（SVG）的用法，我首先会说一下矢量图的基本使用方法，然后说一下阿里巴巴矢量图标库Iconfont的使用，最后会通过一…

web字体图标:本质是字体,伪元素联用的 出现一个白色框即字体失效的检查： ①路径那里是不是fonts文件夹的第一子路径就是全部的文件。 ②/+unicode编码 和 转义编码 有没有弄棍 （一个给content的，一个给html标签上的） ③有没有引入@iconface的ont-family 和 具体引入属性 f…