文档章节

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

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

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

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

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

 

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

 

© 著作权归作者所有

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

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

bigbigtu ⋅ 2014/05/03 ⋅ 0

Font Awesome(奥森字体图标) 4.2.0发布啦,兼容IE7+!

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

ThinkCMF ⋅ 2014/09/08 ⋅ 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

前端——i标签制作矢量图

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

fycool ⋅ 2016/08/12 ⋅ 0

制作自定义的字体图标

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

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

Font Awesome 3.1 发布,Bootstrap 图标字体

Font Awesome 3.1 发布了,该版本包含 54 个新图标,更多样式,详情请看 CHANGELOG。 Font Awesome 是为 Twitter Bootstrap 设计的图标字体。通过Web Font的方式来显示一些图标,好处是图标可...

oschina ⋅ 2013/05/12 ⋅ 2

Font Awesome 图标搜索 1.0 上线啦!

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

ThinkCMF ⋅ 2014/08/18 ⋅ 45

什么是Font Awesome

Font Awesome 是一套完美的图标字体库及CSS架构,主要目的是和 Bootstrap 搭配使用。 Font Awesome为您提供可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色...

长空翱翔 ⋅ 2015/08/19 ⋅ 0

图标字体 Font Awesome 中文站上线啦!全面兼容IE7+

作为最流行的图标字体Font Awesome,它被认为是为Bootstrap而创造的图标字体; 具有以下几大优点: 1.具体矢量图形性质,可以无限放大为不失真; 2.图标齐全,最新发布的4.1.0有439款图标,网站...

ThinkCMF ⋅ 2014/07/26 ⋅ 24

解决Android开发中简单图标的困扰,FontIcon在Android中的使用示例

由于实习的公司还有自己的一个项目都对图标有着各种各样的需求,除了个性话的图标以外,我们的项目往往还需要一些简单的图标来显得不是那么单调。但是传统的引用Icon操作起来过于麻烦,需要考...

斯基劳绅士 ⋅ 2015/08/21 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

6. Shell 函数 和 定向输出

Shell 常用函数 简洁:目前没怎么在Shell 脚本中使用过函数,哈哈,不过,以后可能会用。就像java8的函数式编程,以后获取会用吧,行吧,那咱们简单的看一下具体的使用 Shell函数格式 linux ...

AHUSKY ⋅ 8分钟前 ⋅ 0

MySQL 内核深度优化

MYSQL数据库适用场景广泛,相较于Oracle、DB2性价比更高,Web网站、日志系统、数据仓库等场景都有MYSQL用武之地,但是也存在对于事务性支持不太好(MySQL 5.5版本开始默认引擎才是InnoDB事务...

OSC_cnhwTY ⋅ 15分钟前 ⋅ 0

单片机软件定时器

之前写了一个软件定时器,发现不够优化,和友好,现在重写了 soft_timer.h #ifndef _SOFT_TIMER_H_#define _SOFT_TIMER_H_#include "sys.h"typedef void (*timer_callback_function)(vo...

猎人嘻嘻哈哈的 ⋅ 17分钟前 ⋅ 0

好的资料搜说引擎

鸠摩搜书 简介:鸠摩搜书是一个电子书搜索引擎。它汇集了多个网盘和电子书平台的资源,真所谓大而全。而且它还支持筛选txt,pdf,mobi,epub、azw3格式文件。还显示来自不同网站的资源。对了,...

乔三爷 ⋅ 25分钟前 ⋅ 0

Debian下安装PostgreSQL的表分区插件pg_pathman

先安装基础的编译环境 apt-get install build-essential libssl1.0-dev libkrb5-dev 将pg的bin目录加入环境变量,主要是要使用 pg_config export PATH=$PATH:/usr/lib/postgresql/10/bin 进......

玛雅牛 ⋅ 26分钟前 ⋅ 0

inno安装

#define MyAppName "HoldChipEngin" #define MyAppVersion "1.0" #define MyAppPublisher "Hold Chip, Inc." #define MyAppURL "http://www.holdchip.com/" #define MyAppExeName "HoldChipE......

backtrackx ⋅ 55分钟前 ⋅ 0

Linux(CentOS)下配置php运行环境及nginx解析php

【part1:搭建php环境】 1.选在自己需要安装的安装包版本,wget命令下载到服务器响应目录 http://php.net/releases/ 2.解压安装包 tar zxf php-x.x.x 3.cd到解压目录执行如下操作 cd ../php-...

硅谷课堂 ⋅ 今天 ⋅ 0

Nginx服务架构初探(四):nginx服务器的rewrite功能

nginx服务器的rewrite功能 1.nginx后端服务器组的配置 1>upstream name {…} name是给服务器组限的组名 2>server address [parameters]; address为服务器地址 parame......

余温灬未存 ⋅ 今天 ⋅ 0

layer.prompt使文本框为空的情况下也能点击确定

最近一直在使用layui,但是用到弹出层layer.prompt时,如果文本框是空的话点击确定没有反应,不能向下执行。 但是我又需要空值,看看我原来的代码。 123456789 layer.prompt...

孟飞阳 ⋅ 今天 ⋅ 0

Linux普通文件压缩工具gzip、Bzip2、xz

第六章 文件压缩和打包 6.1 压缩打包介绍 Linux环境常见压缩文件类型: .zip,.gz,.bz2,.xz, .tar.gz,.tar.bz2,.tar.xz 压缩打包的目的 方便文件传输 节省磁盘空间 减少传输花费的时间 ...

弓正 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部