- 下载字体图标
进入网址,字体图标下载网址:Icon Font & SVG Icon Sets ❍ IcoMoon 》点击 图标月亮应用程序,进入图库,里面有一套默认的图标可以下载,可以挑选后下载。
把滚动条拉到最下方,可以去库中添加更多套图标。
图标有两种,一种是付费,一种是免费的,免费的可以直接添加。
再次挑选,挑选完成后点击 生成字体》然后出现已挑选图标的浏览页面,确认无误后,点击下载》下载好后是一个压缩文件。
安装包内有多个文件,fonts文件夹是字体文件,demo.html是下载好的图标浏览页面,selection.json是后续添加字体图标的文件夹,style.css是引入样式时要使用的。
把fonts文件夹复制后,粘贴到html所在的(根目录)页面。
打开style.css文件复制开头的一段内容到自己写的css样式内。
然后去demo.html页面内复制需要的图标》粘贴到所需标签内》再给相应的标签添加字体样式》浏览器打开html页面就可以看见自己写进去的字体图标。
用浏览器打开即可看见图标。
以上就是前端字体图标的下载与使用的所有内容,后续还有新字体图标的追加文章