在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'中。