為了讓網頁更美觀、更有個性，我們通常需要在網頁中使用一些網上下載下來的字體，因為系統自帶的字體可選擇的余地早已無法滿足人們對審美的要求。
怎么用？用戶的電腦又沒有安裝你期望的那種字體。做成圖片是可以，不過不方便修改啊，不能大幅度使用啊，不利於SEO啊，速度也比較慢點啊等等一大堆弊端。怎么辦？別急，我們用CSS。CSS有這么一種優秀的功能，就是可以自定義字體。下面正式進入正題：
CSS自定義字體，讓你的字體運用隨心所欲！
步驟：
1、下載所需字體。字體下載站提供的字體一般為.TTF格式。
2、字體轉格式。為了確保在主流瀏覽器中都能正常顯示該字體，需要提供3種字體格式。我們可以拿下載下來的.TTF文件去轉換得到另外兩種格式的字體。字體文件格式的轉換可以通過網站FontsQuirrel或 onlinefontconverter提供的在線字體轉換服務獲取。
- .TTF或.OTF 適用於Firefox 3.5、Safari、Opera
- .EOT 適用於Internet Explorer 4.0+
- .SVG 適用於Chrome、IPhone
3、使用@font-face定義字體。如果你是在fontsquirrel.com進行的字體轉換，那么連定義字體的步驟都可以免了。轉換以后他會提供一個下載包，里面包含需要的字體格式和定義好字體樣式的CSS文件stylesheet.css，還有一個供查看字體的demo.html文件。把字體和stylesheet.css拷貝到你的CSS文件夾目錄里面就可以調用了。如何生成的樣式不能滿足你的要求，可以自己修改。
4、在html里面調用CSS。
附： 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替換為你的字體名稱*/
在頁面中需要的地方使用該字體：
p { font: 13px fontNameRegular, Arial, sans-serif; }
h1{font-family: fontNameRegular}
然而，博客園並不能上傳字體文件，上傳到別的網盤什么的好像並不知道這個url什么的，這就很尷尬了呀。