做设计的应该会知道“”这个网站你可以上传自己设计的图标,也可以下载别人分享的图标
作为前端,我们也可以更好的利用它实现网站图标的美化。
首先找到你需要的图标并加入库:三个按钮分别是 加入库、加入收藏和下载
点击下载按钮后会弹出一个窗口你可以调整任意颜色和尺寸,可以下载 SVG、AI和PNG3种格式
点击右上角图标,打开库点击“下载代码”下载字体包,你也可以先添加至项目然后在“我的项目”里面,点击“下载箌本地”进行下载
点击“添加至项目”你可以添加项目名称,点击“确定”保存到我的项目
在我的项目中你可以生成在线链接,这里給出3种方式:Unicode、Font class和Symbol
点击“下载至本地”会下载一个包解压后就可以引入使用了
浏览器打开“demo_xxx.html”可以看到图标的使用方法,有三种引用方式
然后在 html 代码中使用相应的类名应用于页面
然后挑选相应图标并获取字体编码应用于页面
首先引入项目下面生成的symbol代码
加入通用css代码(引入一次就行)
然后挑选相应图标并获取类名,应用于页面
使用的时候只需要保留一种方式所需要的文件和字体文件其他的删掉就可以叻。
怎么样是不是很方便呢?