文档章节

创建自定义字体图标-追加自定义图标到Bootstrap或者font Awesome中

柴高八斗之父
 柴高八斗之父
发布于 2016/12/07 15:24
字数 257
阅读 15
收藏 0

第一步:  https://icomoon.io/app/ 首先利用此网站,将SVG格式的图标转成woff的。
在制作SVG的矢量图形时,使用下面软件 不要超过箭头所指的基线。如图:

第二步:  安装软件 High Logic FontCreator Professional 9.0破解版(下载地址 www.4kong.com 解压密码是本网址。)

在此软件中,将框架的woff文件打开,将自己的图标追加进去。

 

第三步: 然后做成woff文件后,FontCreator 导出一个tff的文件(不需要两者之间互相复制粘贴,其实也做不了。),也就是说woff tff 需要两者一致;

  关于文件的自动取名问题  

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 4
博文 188
码字总数 103376
作品 0
宁波
前端工程师
在Axure中使用FontAwesome替换你的网站图标[axure小技巧]

你是不是还在为你的网站做一个很小的图标而忙碌着?你是不是还在为找一个图标导出百度或者谷歌?你有没有想过可以用字体来做一个图标代替普通的图片图标? 这两天给公司做案例,由于自己又对...

bigbigtu
2014/05/03
0
0
Font Awesome(奥森字体图标) 4.2.0发布啦,兼容IE7+!

作为最流行的图标字体Font Awesome(奥森字体图标),被认为是为Bootstrap而创造的图标字体,它的最新版本4.2.0上线了,共479款图标,几乎包括了网站开发所有常用图标,而且支持IE7+(Font awes...

ThinkCMF
2014/09/08
5.2K
6
vue-manage-system 后台管理系统开发总结

前言 vue-manage-system,一个基于 Vue.js 和 element-ui 的后台管理系统模板,从2016年年底第一个commit,到现在差不多两年了,GitHub上也有了 5k star,也是这些让我有了持续更新的动力,其...

linshuai
09/13
0
0
【翻译】Ext JS最新技巧——2015-8-11

原文:Top Support Tips Seth Lemmons:使用棒极了的Awesome Font Ext JS 6附带了一个新的海卫一主题,可以使用Font Awesome字体作为背景图像的图标。不过,你知道如何通过“iconCls”和“g...

tianxiaode2008
2015/08/12
0
0
前端——i标签制作矢量图

使用icon font来生成图标相对于基于图片的图标来说,有如下的好处:1.自由的变化大小2.自由的修改颜色3.添加阴影效果4.IE6也可以支持5.支持图片图标的其它属性,例如,透明度和旋转等等6.可以...

fycool
2016/08/12
27
0

没有更多内容

加载失败,请刷新页面

加载更多

what f,,

anlve
33分钟前
0
0
初级开发-编程题

` public static void main(String[] args) { System.out.println(changeStrToUpperCase("user_name_abc")); System.out.println(changeStrToLowerCase(changeStrToUpperCase("user_name_abc......

小池仔
今天
9
0
现场看路演了!

HiBlock
昨天
19
0
Rabbit MQ基本概念介绍

RabbitMQ介绍 • RabbitMQ是一个消息中间件,是一个很好用的消息队列框架。 • ConnectionFactory、Connection、Channel都是RabbitMQ对外提供的API中最基本的对象。Connection是RabbitMQ的s...

寰宇01
昨天
13
0
官方精简版Windows10:微软自己都看不过去了

微软宣布,该公司正在寻求解决方案,以减轻企业客户的Windows 10规模。该公司声称,企业客户下载整个Windows 10文件以更新设备既费钱又费时。 微软宣布,该公司正在寻求解决方案,以减轻企业...

linux-tao
昨天
20
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部