文档章节

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

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

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

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

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

 

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

  关于文件的自动取名问题  

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 4
博文 193
码字总数 107613
作品 0
宁波
前端工程师
私信 提问
如何将 Font Awesome 转成 PNG 图标

Font Awesome为Twitter Bootstrap提供了一种独一无二的图像字体.它还提供了CSS的很强的扩展性. CSS 提供了一种描述HTML的机制,可以让你自由的设计网页。 你能给Font Awesome加上各种各样的参...

oschina
2014/03/26
14.4K
16
在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.5K
6
前端——i标签制作矢量图

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

fycool
2016/08/12
27
0
Font Awesome 图标搜索 1.0 上线啦!

作为最流行的图标字体Font Awesome,被认为是为Bootstrap而创造的图标字体,它的最新版本4.1.0上线了439款图标,几乎包括了网站开发所有常用图标,而且支持IE7+(Font awesome中文站提供支持)...

ThinkCMF
2014/08/18
5.9K
45

没有更多内容

加载失败,请刷新页面

加载更多

oh-my-zsh 自定义

GitHub 地址 基于 oh-my-zsh 的自定义配置,增加了一些个人常用插件与皮肤。 采用的是 git submodule 来维护,包括 oh-my-zsh,之所以这么搞,主要是手头有多台 linux 需要维护, 每台机器、...

郁也风
今天
4
0
Docker安装踩坑:E_FAIL 0x80004005的解决

参考 菜鸟教程--Windows Docker 安装 http://www.runoob.com/docker/windows-docker-install.html 官方文档-Install Docker Toolbox on Windows https://docs.docker.com/toolbox/toolbox_in......

karma123
今天
5
0
js垃圾回收机制和引起内存泄漏的操作

JS的垃圾回收机制了解吗? Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。 JS中最常见的垃圾回收方式是标记清除。 工作原理:是当变量进入环境时,将这个变量标记为“...

Jack088
昨天
17
0
大数据教程(10.1)倒排索引建立

前面博主介绍了sql中join功能的大数据实现,本节将继续为小伙伴们分享倒排索引的建立。 一、需求 在很多项目中,我们需要对我们的文档建立索引(如:论坛帖子);我们需要记录某个词在各个文...

em_aaron
昨天
27
0
"errcode": 41001, "errmsg": "access_token missing hint: [w.ILza05728877!]"

Postman获取微信小程序码的时候报错, errcode: 41001, errmsg: access_token missing hint 查看小程序开发api指南,原来access_token是直接当作parameter的(写在url之后),scene参数一定要...

两广总督bogang
昨天
33
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部