字体图标主要用于网站中一些常用的小图标。它显示图标，但本质属于字体。优点：轻量级：图标字体小于一系列图像。加载字体后，图标将立即呈现，减少服务器端请求。灵活性：字体图标的本质还是文字，可以随意改变颜色、产生阴影、透明效果、旋转等。兼容性：几乎所有浏览器都支持。推荐下载网站：icomoon字体库阿里iconfont字体库一、如何导入字体图标1、下载完成后，将下载包中的fonts文件夹放入页面根目录下【下载包注意保留，会被添加图标时使用]2、在CSS样式中全局声明字体，这样就可以将字体引入到页面中。可以在下载包中的style.css文件中复制这段语句（注意字体文件路径）@font-face{font-family:'icomoon';src:url(fonts/icomoon.eot?7kkyc2');src:url(fonts/icomoon.eot?7kkyc2#iefix)format('embedded-opentype')url('fonts/icomoon.ttf?7kkyc2')format('truetype'),url('fonts/icomoon.woff?7kkyc2')格式('woff'),url('fonts/icomoon.svg?7kkyc2#icomoon')格式('svg');字体粗细：正常；font-style:normal;}3.从下载包中在demo.html文件中找到你需要的图标，复制到html标签中。也可以使用左边的“e91b”，但要注意加转义符“\”。<跨度>\e91b<跨度>2。添加字体图标如果需要在原有字体文件中添加新的字体图标，我们可以将原压缩包中的selection.json文件上传至网站，然后选择要添加的图标，重新下载压缩包打包替换原文件。3、为什么压缩包里有那么多字体文件？不同浏览器支持的字体格式不同。字体图标是兼容的，因为它们包含主流浏览器支持的字体文件。1、TrueType（.ttf）格式：ttf字体是Windows和Mac上最常见的字体，支持该字体的浏览器有IE9+、Firefox3.5+、Chrome4+、Safari3+、Opera10+、iOSMobileSafari4.2+;2、WebOpenFontFormat(.woff)格式：woff字体，支持该字体的浏览器有1E9+、Firefox3.5+、Chrome6+、Safari3.6+、Opera11.1+；3、EmbeddedOpenType(.eot)格式：eot字体是IE的专用字体。支持该字体的浏览器有IE4+；4、SVG（.svg）格式：svg字体是一种基于SVG字体渲染的格式。支持该字体的浏览器有Chrome4+和Safari3。1+、Opera10.0+、iOS手机Safari3.2+；
