ccs3中icon转换为字体的方法

小图标转换为字体有几大优点

  1. 文件小,一般50k以内
  2. 避免了加载多个icons,减少了加载次数,有利于页面优化。
  3. 兼容性很好,可以随便放大缩小,都能正常显示。
  4. 维护起来也很简单,只用找到这个字体文件(比如.ttf文件),修改里面的某个图标即可。

制作方法

  首先,用ps或直接用矢量图软件制作单个icon,制作好后保存为ttf格式,如图:

  faq.ttf

  然后,打开字体编辑器,比如FontCreator,新建字体myfonts。

  

  

  需要添加一个字体,可以右击——>插入,然后“导入图像”,即做好的矢量图片(位图效果不好)。

  

  对图像做相应的调整,直到合适为止。然后保存为myfont.ttf即做好了ttf字体文件。

字体格式转换

  为了兼容不同的浏览器,需要制作不同的字体格式。比如IE只支持eot格式,便可以用格式转换工具,将ttf转换成其他格式。比如ttf-->eot在线转换:

  http://ttf2eot.sebastiankippe.com/

  

  

  

时间: 2024-11-06 15:23:52

ccs3中icon转换为字体的方法的相关文章

将java中数组转换为ArrayList的方法实例(包括ArrayList转数组)

方法一:使用Arrays.asList()方法 1 2 String[] asset = {"equity", "stocks", "gold", "foreign exchange","fixed income", "futures", "options"}; List<String> assetList = Arrays.asList(asset);

Android 中使用自定义字体的方法

1.Android系统默认支持三种字体,分别为:“sans”, “serif”, “monospace 2.在Android中可以引入其他字体 . <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:Android="http://schemas.android.com/apk/res/android" Android:layout_width="fill

在网页中自带字体的方法

为了让网页更美观.更有个性,我们通常需要在网页中使用一些网上下载下来的字体,因为系统自带的字体可选择的余地早已无法满足人们对审美的要求. 怎么用?用户的电脑又没有安装你期望的那种字体.做成图片是可以,不过不方便修改啊,不能大幅度使用啊,不利于SEO啊,速度也比较慢点啊等等一大堆弊端.怎么办?别急,我们用CSS.CSS有这么一种优秀的功能,就是可以自定义字体.下面正式进入正题: CSS自定义字体,让你的字体运用随心所欲! 步骤: 1.下载所需字体.字体下载站提供的字体一般为.TTF格式. 2.字体

js中字符串转换为数值的两种方法的区别

在js中字符串转换为数值的方法有三种:转换函数,强制类型转换,隐式转换 1.转换函数 parseInt()   //将字符串转换为整型 parseFloat()  //将字符串转换为浮点型 转换函数在进行类型转换时是可以传入参数的,默认转换为10进制,转换成功后返回的是整数类型的数值. 例:1. parseInt('AB3', 16) //返回结果:2739,表示将字符串转换为16进制的数值 2.parseInt('13', 10) //返回结果:13,表示将字符串转换为10进制的数值 3.pa

python中list转换为数组

1.list转换为数组 python中list转换为数组的方法为:b = np.array(list) 今天在使用该方法将二维list转换为二维数组时一直不成功,结果仍然是两个list,最后发现是两个list的元素数目不一样导致的,最后修改使两者数目一致,转换成功 list对其元素的类型和各元素所包含的子元素的类型及数目没有要求,这和数组不同,数组要求类型和数目必须相同,所以在将list转换为array时需要注意这一点 2.list与数组的读取 在python中,普通的列表list和numpy中

设定当前视图中所有控件字体的方法

     本范例实现的是对界面中所有的控件一次性的设置字体样式.思路是找到父控件,然后遍历子控件.如果子控件是可以修改文字的控件,那么就设置文字.这用到了控件的继承,很多控件都是继承与textview的,所以将控件均转为textview,最后设置字体即可. 布局文件 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.

iOS开发中自定义字体的方法

http://www.cnblogs.com/iyou/archive/2014/05/25/3751669.html 1. 首先下载你想要设置的字体库,例如设置方正启体简体 2. 添加到工程,一定要注意勾选红色框框处,默认是不勾选的  添加以后 3.在plist文件中添加 4.现在已经添加成功了,但是要使用就必须知道FontName,用以下代码可查到 NSArray *familyNames = [[NSArray alloc] initWithArray:[UIFont familyName

Excel数据表中的金额由“元”转换为“万元”的方法

Excel数据表中的金额由"元"转换为"万元"的方法 2012-05-23 09:33:16|  分类: Office操作 |  标签:excel技巧  |举报|字号 订阅 有下列Excel数据表,金额栏的单位为"元",为简便起见,需将金额单位由"元"转换为"万元". 方法如下: 1.在任意单元格(如D2)输入"10000",并点击"复制"按钮: 2.选定拟转换为万元

CSS3的自定义字体@font-face:将图片ICON转为字体

大家都知道现在各个浏览器都支持CSS3的自定义字体(@font-face),包括IE6都支持,只是各自对字体文件格式的支持不太一样.那么对于网站中用到的各种icon,我们就可以尝试使用font来实现,本文将详细讲解这种用法. 为什么要将icon做成字体? 在很多网站项目中,我们常常会用到各种透明小图标,然后网站要兼容各个浏览器,也可能会有多个尺寸,甚至还要考虑换肤等需求.那么我们就要将这些小图标输出为多种尺寸.颜色和文件格式,比如png8 alpha透明或者png8 index透明等. 比如,t