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頁面)：

效果：