首页 > 代码库 > ccs3中icon转换为字体的方法
ccs3中icon转换为字体的方法
小图标转换为字体有几大优点
- 文件小,一般50k以内
- 避免了加载多个icons,减少了加载次数,有利于页面优化。
- 兼容性很好,可以随便放大缩小,都能正常显示。
- 维护起来也很简单,只用找到这个字体文件(比如.ttf文件),修改里面的某个图标即可。
制作方法
首先,用ps或直接用矢量图软件制作单个icon,制作好后保存为ttf格式,如图:
faq.ttf
然后,打开字体编辑器,比如FontCreator,新建字体myfonts。
需要添加一个字体,可以右击——>插入,然后“导入图像”,即做好的矢量图片(位图效果不好)。
对图像做相应的调整,直到合适为止。然后保存为myfont.ttf即做好了ttf字体文件。
字体格式转换
为了兼容不同的浏览器,需要制作不同的字体格式。比如IE只支持eot格式,便可以用格式转换工具,将ttf转换成其他格式。比如ttf-->eot在线转换:
http://ttf2eot.sebastiankippe.com/
ccs3中icon转换为字体的方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。