码迷,mamicode.com
首页 > 其他好文 > 详细

创建自己的字体图标。

时间:2015-07-07 11:04:03      阅读:152      评论:0      收藏:0      [点我收藏+]

标签:

?

?

使用了fontawesome以后,也想自己创建一些字体图标。以下是创建的步骤。

?

  1. 下载软件inkscape

    https://inkscape.org/en/

    打开软件,创建图标。好像用它自带的那些图形来画出来的图是识别的,直接粘贴图片进去,在这个软件里可以保存,但是后面创建字体的时候创建不了,可能是图标太复杂的原因。只能是基本图形组成的矢量图。(待研究)

    图标创建好后,保存成svg文件。

  2. 上传刚才生成的svg文件,然后就能够下载字体包。

    如果在这个网站注册了,可以保存自己的图标。

    下载的字体包的结构如下:

    技术分享

????使用的时候引用css目录下的css文件。

技术分享

html中使用css文件中的字体类。

技术分享

技术分享

?

效果如下:

技术分享

创建自己的字体图标。

标签:

原文地址:http://www.cnblogs.com/time-is-life/p/4626248.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!