很多人都喜歡比較有藝術(shù)感的字體，我們做網(wǎng)站的時候是知道的，有些字體我們自己電腦有就 顯示，沒有就只能顯示默認(rèn)字體，而客戶又看上了你電腦中的字體，沒辦法你只能調(diào)用這個字體讓所有的人都能看到，而這個字體并不是所有的瀏覽器都識別的，你就要衍生出來多個字體來應(yīng)對瀏覽器。

網(wǎng)上有許多這種加載字體文件的 CSS 方法，看這段代碼：

body {font-family:'微軟雅黑'}
@font-face {
font-family:微軟雅黑;
src: url('微軟雅黑.eot'); /* IE9 Compat Modes */
src: url('微軟雅黑.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
 url('微軟雅黑.woff') format('woff'), /* Modern Browsers */
 url('微軟雅黑.ttf')  format('truetype'), /* Safari, Android, iOS */
 url('微軟雅黑.svg#微軟雅黑') format('svg'); /* Legacy iOS */
}

看到上面這個，是提前在系統(tǒng)中做好了有個微軟雅黑的字體，在 Firefox、Chrome、傲游這三個瀏覽器中可以顯示，但在 IE 系列瀏覽器中無一例外都無效，就要用到eot、.woff、.svg 這三個格式的文件，而如何獲得這些文件應(yīng)該會是解決 IE 系列瀏覽器的關(guān)鍵！

我是用的這個工具地址轉(zhuǎn)換的http://www.fontsquirrel.com/tools/webfont-generator

英文不太好，但是還是懂的一些，upload fonts后點(diǎn)擊同意就會生成集中字體，那些字體就是你所需要的，趕緊放到你的fonts文件夾吧，先聲明一下，然后你就可以在自己任意定義的樣式中引用這個字體名稱了，如menu{font-family:'微軟雅黑';}別人的電腦哪怕沒有這個字體也是可以顯示的。

 沒事的話也可以研究一下如何用字體代替圖片