文档中心

BingoTouch的内置图标有两种。一种图片图标,一种字体图标。

1.图片图标

使用图片很正常,但是有缺陷的。

缺点:

  1. 众多的图标导致了增加了许多HTTP请求
    PS:是不能弄成一张大图的,如果变成大图,小图标的大小无法改变。
  2. 放大缩小失真
  3. 同张图片如果需要不同颜色,又得弄多一套出来。

BingoTouch内置的图片图标

2.字体图标

也就是Icon Font。原理即是将图标做成字体,然后用css3中的@font-face去使用它。

优点:

  1. 不失真
  2. 可做到0 HTTP请求
  3. 可随意更换颜色大小(因为它是字体嘛),甚至是渐变

缺点:

  1. 即使使用一个图标也要用整个字体css
  2. 如果是复杂的图标(色彩多样多变…)就不能用了,只能用回图片。

BingoTouch内置的字体图标