应用背景：字体图标可以设置字体大小、颜色，任意缩放不会扭曲。 另外，如果需要改变页面的颜色，可以不针对每个肤色多次剪掉。 在css中设定颜色就可以了。 同时，图像的要求也减少了，访问速度提高了。
1 .第一种情况
使用选定ui框架中的字体库。 将设计原稿的图标置换为相似的字体
2 .第二种情况
前端开发人员根据UI提供的. svg文件，独自生成并应用字体图标。 怎么生成字体图标？ 这里需要利用名为iconmoon的在线字体生成工具。 链接： https://icomoon.io/app/#/select
详细步骤如下。
点击步骤IconMoonApp
步骤2 :读取SVG格式的图像
步骤3 :选择选择按钮，然后单击要为其生成字体的图像文件
步骤单击Generate Font生成字体
步骤5 :下载生成的字体文件
步骤将fonts文件夹和style.css这两个文件引入到项目中
步骤7 :在使用字体的页面中引入style.css文件，并将相应字体的类名添加到标记中
步骤8 :设置字体颜色和大小
当然，这个网站上面的内容很丰富，也可以使用上面提供的图像直接选择制作字体。
转载于：https://www.cn blogs.com/chaoyue qi/p/10114313.html