CSS: 引用字体文件，以及字体图标的使用

1. css文件（fonts.css）中引用字体文件：

@font-face {

    font-family: 'bbBUS';

    src: url('texticon.eot'); /*IE9*/

    src: url('texticon.eot?#iefix')     format('embedded-opentype'),

    url('texticon.woff') format('woff'),

    url('texticon.ttf')     format('truetype');

}

tip:字体文件放在当前文件统计目录下，这样有更好的移植性（经测试，字体文件是要绝对路径引用，而css文件不用。亲测如此）

2. 字体图标的定义：

根据做字体图标时的对照图来定义：

3.字体图标的使用(HTML页面)：

效果：

 

转载于:https://my.oschina.net/u/2487410/blog/674670