admin管理员组

文章数量:1594755

  1. 下载字体图标

进入网址,字体图标下载网址:Icon Font & SVG Icon Sets ❍ IcoMoon 》点击 图标月亮应用程序,进入图库,里面有一套默认的图标可以下载,可以挑选后下载。

把滚动条拉到最下方,可以去库中添加更多套图标。

图标有两种,一种是付费,一种是免费的,免费的可以直接添加。

再次挑选,挑选完成后点击 生成字体》然后出现已挑选图标的浏览页面,确认无误后,点击下载》下载好后是一个压缩文件。 

安装包内有多个文件,fonts文件夹是字体文件,demo.html是下载好的图标浏览页面,selection.json是后续添加字体图标的文件夹,style.css是引入样式时要使用的。

把fonts文件夹复制后,粘贴到html所在的(根目录)页面。

打开style.css文件复制开头的一段内容到自己写的css样式内。 

 

然后去demo.html页面内复制需要的图标》粘贴到所需标签内》再给相应的标签添加字体样式》浏览器打开html页面就可以看见自己写进去的字体图标。 

用浏览器打开即可看见图标。 

 以上就是前端字体图标的下载与使用的所有内容,后续还有新字体图标的追加文章

本文标签: 图标字体