文档章节

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

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

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

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

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

 

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

 

© 著作权归作者所有

共有 人打赏支持
柴高八斗之父
粉丝 4
博文 179
码字总数 89879
作品 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
【翻译】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
制作自定义的字体图标

字体图标比图片更加灵活,能够使用字体的方式控制图标的相关样式表现。Bootstrap使用的font awesome囊括了很多常用的图标供我们使用。但有时候这里面的图标并不能满足我们的需求,这时,我们...

挨踢旅行者
2016/05/23
57
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

InvalidKeyException: Illegal key size

Caused by: java.lang.RuntimeException: java.security.InvalidKeyException: Illegal key size 解决方案:去官方下载JCE无限制权限策略文件。 jdk 5: http://www.oracle.com/technetwork/j......

自由的开源
11分钟前
0
0
JAVA秒杀实现以及优化原理

秒杀与其他业务最大的区别在于:秒杀的瞬间, (1)系统的并发量会非常的大 (2)并发量大的同时,网络的流量也会瞬间变大。 关于(2),最常用的办法就是做页面静态化,也就是常说的前后端分...

小贱是个程序员
15分钟前
1
0
Spring Aop之Advisor解析

在上文Spring Aop之Target Source详解中,我们讲解了Spring是如何通过封装Target Source来达到对最终获取的目标bean进行封装的目的。其中我们讲解到,Spring Aop对目标bean进行代理是通过Ann...

爱宝贝丶
17分钟前
0
0
Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点

前言: 分享 Java高级工程师面试阿里,阿里云,天猫,菜鸟,涉及到的知识点,文章有点长,但比较全面,阅读时间15分钟左右,干货满满。 一、HashMap的那些事 1.1、HashMap的实现原理 1.1.1、...

Java大蜗牛
42分钟前
2
0
nginx模块学习五 expires 浏览器缓存

缓存原理 语法 Syntax: expires [modified] time;expires epoch | max | off;Default: expires off;Context: http,server,location,if in location 例/etc/nginx/conf.d/default.con......

Romanceling
53分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部