css引入特殊字體

http://www.fontsquirrel.com/tools/webfont-generator        ttf格式的字體轉換成其他格式的字體

 

css引入特殊字體建議只是用英文字體,中文字體太大不適合.
在CSS中通過@font-face屬性來實現網頁中嵌入特殊字體.
首先獲取要使用字體的三種文件格式  .EOT  , .TTF 或 .OTF , .SVG , 確保能在主流瀏覽器中都能正常顯示該字體.
.EOT,適用於Internet Explorer 4.0+
.TTF或.OTF,適用於Firefox 3.5 , Safari , Opera
.SVG適用於Chrome , IPhone
最常見的是.TTF文件，我們需要通過這種文件格式轉換為其余兩種文件格式.
http://www.fontsquirrel.com/fontface/generator提供的在線字體轉換服務獲取字體文件格式的轉換.
在css中進行如下聲明：

@font-face {
 font-family: 'fontNameRegular';
 src: url('fontName.eot');
 src: local('fontName Regular'),
        local('fontName'),
        url('fontName.woff') format('woff'),
        url('fontName.ttf') format('truetype'),
        url('fontName.svg#fontName') format('svg');
}  
/*其中fontName替換為你的字體名稱*/

/*在css中使用這個字體*/
h1{font-family: fontNameRegular}