-
基于https://icomoon.io/app/#/select 工具生成的字体文件合并处理方法
一、准备:
1、FontEditor在线工具:http://fontstore.baidu.com/static/editor/index.html
2、两个字体文件,本文以.ttf字体文件为例。
二、开始
首先,打开FontEditor工具然后打开第一个icomoon.ttf字体文件:
接着新开一个FontEditor工具页面并打开第二个icomoon.ttf字体文件:
然后复制第二个文件中的字体内容并粘贴到第一个字体文件中:
可能你已经注意到,图标字体下方的”$”符号+数字的文本内容,它表示每一个图标字体的unicode代码点,在同一字体文件中不能重复。现在直接点击导出.ttf文件按钮会出现以下提示框:
因为可以看到复制过来的字体内容,图标字体下方的”$”符号+数字文本与前面的部分是重复的,所以我们需要修改这个值。
选中要修改的图标,点击设置代码点:
接下来,依次修改代码点如下图:
然后,导出.ttf文件:
然后,替换合并前的字体文件。
最后,使用合并后新增的图标,这里以下载图标为例:
1.修改style.css文件,在其中增加如下内容:
2.在页面中使用:
<span class="icon-download"></span>
- 1
关于此工具的详细用法请见:http://fontstore.baidu.com/static/editor/doc/index.html
Iconfont图标多字体文件合并处理
1212人参与 |分类: 程序学习|时间:2020-08-18 15:45:14
相关文章
- 2022-09-22 帝国cms灵动标签调用标题分类、统计标题分类文章数的方法
- 2022-09-22 帝国CMS灵动标签中用if判断第X条附加特殊样式
- 2022-02-09 CentOS挂载详解
- 2021-09-25 帝国cms后台 不同栏目发布字段不同
- 2021-06-25 Centos、linux 安装 Cmake 3.6.2
- 2021-06-21 PHP header常用URL地址跳转的几种方法
- 2021-06-17 网站logo不清晰,图片模糊,如何解决?
- 2020-09-10 阿里云ECS经典网络如何链接专业网络
- 2020-09-03 帝国CMS获取当前目(父栏目)ID、名称、别名、链接
- 2020-09-03 帝国cms自定义页面ID获取 动态ID获取
评论专区辉哥视界微博