WebApp开发过程积累的问题------自定义图标

在CSS中如何想使用自定义字体，可以利用font-face属性引用这类字体。

@font-face
{
font-family: myFirstFont;  //字体名称
src: url('Sansation_Light.ttf'),  //字体下载的网址Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体
     url('Sansation_Light.eot'); /* IE9 只支持.eot类型字体*/
}

//表示icon-android内容之前插入一个"\e900"字体/图标。

.icon-android:before {
  content: "\e900";   //这里的\e900是字符16进制unicode编码。
}

计算机里面每个字符都有一个unicode编码,比如「我」的unicode是6211（16进制），而字体文件的作用是规定某个字符应该用什么形状来显示。unicode字符集里面，E000 至 F8FF属于用户造字区。因此例子中的"\e900"就属于自定义字体或图标，而这些图标就存放在'Sansation_Light.ttf'中。