在CSS中經過@font-face屬性來實現網頁中嵌入特殊字體。

首先獲取要使用字體的三種文件格式.EOT、.TTF或.OTF、.SVG，確保能在主流瀏覽器中都能正常顯示該字體。

.EOT，適用於Internet Explorer 4.0+
.TTF或.OTF，適用於Firefox 3.五、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}