字体图标 图片是有诸多优点的，但是缺点很明显，比如图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。更重要的是图片不能很好的进行“缩放”，因为图片放大和缩小会失真。 我们后面会学习移动端响应式，很多情况下希望我们的图标是可以缩放的。此时，一个非常重要 ...

一句 CSS 让 fontawesome 图标字体变细 自从 iOS 某个版本发布之后，前端的流行趋势是什么都越来越细…字体越来越细…图标线条也越来越细。而老物 fontawesome 粗壮的线条风格很显然已经跟不上流行的趋势了，不过在现代的浏览器里，倒是有办法让 fontawesome ...

假设你看中了一个网页中的某个字体图标，想要挪为己用，关键在于获取svg文件，之后你可以将图标导入到自己在https://www.iconfont.cn/的项目中，下载后得到全新的字体图标文件包，替换掉现有的，就可以在自己的项目中使用了 1. 该图标是通过字体文件引入 step1 ...

在Bootstrap框架中也为大家提供了近200个不同的icon图片，而这些图标都是使用CSS3的@font-face属性配合字体来实现的icon效果。 上面的运行代码如下： 下面是部分 参考地址：http://www.bkjia.com ...

1.webpack安装相关依赖 2.配置webpack.config.js 3.入口文件引入 4.打包后生成的图标字体 5.显示结果如下： 详情请参考：http://fontawesome.io/ ...

原理是text-stroke可以同时往字体内部和外部填充。利用 text-stroke 这个特性，将描边的颜色设置成跟背景一样，就等于变相将字体变细了 ...

css字体图标的制作和使用。 在项目开发的过程中，我们会经常用到一些图标。但是我们在使用这些图标时，往往会遇到失真的情况，而且图片数量很多的话，页面加载就越慢。所以，我们可以使用字体图标的方式来显示图标，既解决了失真的问题，也解决了图片占用资源的问题。 一：如何制作字体图标 1：上网下载需要 ...

本文内容： 精灵图 字体图标 首发日期：2018-05-01 精灵图： 在以前，每个图片资源都是独立的一张张图片，浏览器访问网站中的不同网页时是重复获取这一张张图片的，这代表需要访问很多次资源。 为了减少资源的访问次数，将多个常用的图片集合到一张 ...