/* 清除内外边距*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }body { background:#fff; color:#666; font-size:14px; font-family: "微软雅黑",Verdana, Ar…

🚀 个人主页 极客小俊 ✍🏻 作者简介：web开发者、设计师、技术分享博主 🐋 希望大家多多支持一下, 我们一起学习和进步！😄 🏅 如果文章对你有帮助的话，欢迎评论 💬点赞&a…

各位朋友大家好，这小结我们主要实现绘制自己的图标字体，像使用字体那样使用我们的小图标，不但可以调整大小，而且可以调整颜色，下看一下最终效果，最终效果如图1所示。 一、FontCreatorPortable 绘制自己的…

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

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

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

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

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