@font-face 客戶端使用用服務器端字體樣式 字體轉換工具

網站部署到服務器後，在css中設置好了字體，可是在客戶那邊顯示的倒是宋體或其餘的默認安全字體，這是由於客戶端沒有相應的字體庫致使的。

要想客戶端成功顯示服務器端的字體的話，能夠使用CSS樣式@font-face{}來實現。

具體的實現方法請看代碼：

@font-face {
　　font-family:'銳字雲水柱體';
　　src:url('銳字雲水柱體.eot');
　　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 */
}

 

這樣的話客戶端打開相關網頁就會自動加載字體樣式，這裏要注意一點，要加載的字體樣式不能太大了，否則的話會加載很長時間，並有必定概率加載失敗，因此最好字體庫不要大於10M。

加載的字體使用的話跟正常狀況下使用一致。

TTF轉EOT工具下載   訪問密碼：21ce

相關資料

http://www.php100.com/manual/css3_0/@font-face.shtml