字体你一定不陌生。一般使用Font-family:Georgia,SimSun,“宋体”来设置字体。使用的字体主要有两种类型：衬线字体和无衬线字体，但这不是本章的主题。本章是关于如何将自己设计的图标转换成字体并在网页上使用的！除了图像的清晰度，字体图标主要是清晰度，尤其是在手机上用于多屏时，无论屏幕分辨率如何，都不会模糊，也没有额外的响应处理是必须的。第二是灵活性。你可以通过字体图标随意设置大小和颜色，不需要因为有点不同而重新裁剪图片。兼容性，ttf，svg支持低版本，woff支持GoogleFirefox等，如果只是在手机上使用，可以使用woff格式。特别注意，如果导入的字体不在同一个域名下，会出现跨域，无法下载字体。设置CORS兼容ie7。1.这里需要用到一款字体编辑软件FontForgeBuilds。下载地址：网上找一个。2、安装打开后，选择一个字体，或者新建一个字体：可以看到Thisisthefont3已经有字符了，选择一个空的，右键NewOutlineWindow打开这个字的路径，然后把svg带上我们事先准备好的icon的路径（可以请UI小姐姐帮忙指导一个，ai会画出icon后，路径轮廓描边可以导出svg）ImportfromFile,调整位置，可以看到图标在字体页面的显示位置4，回到字体页面，右键点击单词，选择GlyphInfo修改名称和数值，数值用于在页面显示5，生成字体，从FileGenerateFonts中，选择要生成的字体格式，以及存放位置，确认后点击Generate，接下来会弹出错误提示，不过不用管它，直接Generate。6.用于标记刚刚编辑的字
123456
我们刚刚导入的搜索图标出来了：我感觉牛逼X轰轰轰，我被自己征服了