為了讓網(wǎng)頁更美觀、更有個性，我們通常需要在網(wǎng)頁中使用一些網(wǎng)上下載下來的字體，因為系統(tǒng)自帶的字體可選擇的余地早已無法滿足人們對審美的要求。
怎么用？用戶的電腦又沒有安裝你期望的那種字體。做成圖片是可以，不過不方便修改啊，不能大幅度使用啊，不利于SEO啊，速度也比較慢點(diǎn)啊等等一大堆弊端。怎么辦？
別急，我們用CSS。
CSS有這么一種優(yōu)秀的功能，就是可以自定義字體。
下面正式進(jìn)入正題：
CSS自定義字體，讓你的字體運(yùn)用隨心所欲！
步驟：
1、下載所需字體。字體下載站提供的字體一般為.TTF格式。
2、字體轉(zhuǎn)格式。為了確保在主流瀏覽器中都能正常顯示該字體，需要提供3種字體格式。我們可以拿下載下來的.TTF文件去轉(zhuǎn)換得到另外兩種格式的字體。字體文件格式的轉(zhuǎn)換可以通過網(wǎng)站FontsQuirrel或 onlinefontconverter提供的在線字體轉(zhuǎn)換服務(wù)獲取。
.TTF或.OTF 適用于Firefox 3.5、Safari、Opera.EOT 適用于Internet Explorer 4.0+.SVG 適用于Chrome、IPhone3、使用@font-face定義字體。如 果你是在fontsquirrel.com進(jìn)行的字體轉(zhuǎn)換，那么連定義字體的步驟都可以免了。轉(zhuǎn)換以后他會提供一個下載包，里面包含需要的字體格式和定義 好字體樣式的CSS文件stylesheet.css，還有一個供查看字體的demo.html文件。把字體和stylesheet.css拷貝到你的 CSS文件夾目錄里面就可以調(diào)用了。如何生成的樣式不能滿足你的要求，可以自己修改。
4、在html里面調(diào)用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}