1.打开https://www.iconfont.cn/，进入自己的项目（如果没有，新建，添加图标）。顶部导航栏点击 图标管理|我的项目，选择项目，选择以后点击下载至本地 2.下载下来的文件解压后长这样 3.按照我下面的图将对应的文件放入nuxt搭建的项目中 ...

Iconfont真的很强大，图标数量惊人，基本任意的关键词都能搜索到你想要的结果。而且是国产的，网速会比较快，还可以改变图标颜色。 它提供svg、png、ai三种格式下载，之前我一直都是乖乖的一个个下载，最近才发现了新大陆，它竟然可以制作字体图标，简直不要太好用！后悔没有早点发现！ 以下内容 ...

先来说说字体图标的好处： 很容易任意地缩放； 很容易地改变颜色； 很容易地产生阴影； 可以拥有透明效果； 一般来说，有先进的浏览器支持； 可以使用CSS来装饰（可以得到CSS很好支持 ...

Nuxt可以使用各种前端UI框架，这些框架一般都自带的有一些icon图标可供用户使用，但是一般项目开发的时候，UI框架自带的icon是不能满足实际项目需求的，这个时候我们可以自己找一些图片放到本地项目里，然后引用这个图片，但是总感觉这样不太好。 这个时候我们可以使用 Iconfont-阿里巴巴 ...

　　Nuxt可以使用各种前端UI框架，这些框架一般都自带的有一些icon图标可供用户使用，但是一般项目开发的时候，UI框架自带的icon是不能满足实际项目需求的，这个时候我们可以自己找一些图片放到本地项目里，然后引用这个图片，但是总感觉这样不太好。 这个时候我们可以使用 ...

iconfont是很多设计以及前后端人员编写页面时经常用到的网站，阿里不仅为我们提供了免费的图标库，并且有一套完整的图标库体系。很多初学者只知道从图标库中下载图标放入项目中，但在实际项目应用中，过多的图片会导致页面加载速度的变慢以及很多其他问题。今天我介绍一下如何使用Iconfont建立项目并使用 ...

- ## 在antd项目中使用iconfont 使用antd Icon（https://ant.design/components/icon-cn/#components-icon-demo-custom）的自定义图标写法 官方效果：https://codesandbox.io/s ...

为什么不切图标了 以前的图标我们非常喜欢用ps等工具切成一张张xxx.png图片，如果稍微懂点移动端适配，对dpr(设备像素比)有所了解的，还会切出类似home@1x.ppng,home@2x.png,home@3x.png这样的图标，其中@1x表示用来适配dpr为1的手机，图像分辨率最低 ...