Webfont中文云端在線網頁字體服務使用方法
2015-04-19 21:59:10
閱讀：705
首頁 資訊 技術分享
如果你也在尋找更具美感的中文字體，也想在網頁進行使用，推薦可以去試試。
有字庫全面兼容主流瀏覽器：360、Chrome、IE、FireFox、Safari等。
易站網團隊用了有字庫幾天。發現還比較穩定。它的采用的是：云服務器+CDN，速度還不錯的說。當然這跟你使用的字體文件大小和調用方式等都有關系。
使用方法很簡單，后臺獲取一句代碼就可以搞定。支持CSS、JS、Webservice等調用方式。
還有一點就是：未獲授權的字體本平臺不收錄，但可通過上傳以托管獨享方式來實現，你懂的。
使用方法：
1.在要使用該字體的標簽屬性中添加如下代碼：
- font-family:minijianxixingkai55387;
或調用class
- class="css457ccd6fa5524e6cdd2c26cb7ad46b4d"
例如：<h1>調用方式<h1>
例如：<div>調用方式<div class=”css457ccd6fa5524e6cdd2c26cb7ad46b4d”>
2.引用方式（分為同步和異步兩種方式，根據需要選擇其中一種方式）
同步方式（適用于少量文本）
將以下代碼加到你網頁的<head>標簽之內。
- <link href='http://www.youziku.com/webfont/CSS/457ccd6fa5524e6cdd2c26cb7ad46b4d' rel='stylesheet' type='text/css'/>
異步加載方式（適用于大量文本）
將以下代碼添加到您網頁的</body>標簽之后，</html>標簽之前。
- <script type="text/javascript" src="http://www.youziku.com/UserDownFile/webfont.js"></script> <script type="text/javascript"> WebFont.load({ custom: { urls: ['http://www.youziku.com/webfont/CSS/457ccd6fa5524e6cdd2c26cb7ad46b4d'] } }); </script>
提醒：
- 若是文字較少，推薦使用同步的方式
- 異步引用方式會先顯示整個頁面，字體部分以默認字體顯示（IE）或者空白（chrome），然后再加載字體效果，適用于頁面中引用了大量文字的情況，以加快頁面顯示的速度，優化用戶體驗。
- 若是有多套字體，則直接在urls變量中添加url就可以了，比如有三套字體，則為urls:[‘url1′,’url2′,’url3′]
有字庫還提供定制字庫
你可以將手寫的鉛筆、鋼筆或毛筆字做成字庫，兩周之內完成，交付格式為TTF字型文件，版權為你所有。
程序制作+人工調整，制作完成的字體可以應用于任何場合，任意縮放，上傳到有字庫，更多人可以使用。
穩定
產品高可用性高并發貼心
項目群及時溝通專業
產品經理1v1支持快速
MVP模式小步快跑承諾
我們選擇聲譽堅持
10年專注高端品質開發