Typekit在線字庫及使用方法


一、如果設計中使用了非標准的字體,你該如何去實現?

所謂的標准字體是多數機器上都會有的,或者即使沒有也可以由默認字體替代的字體。

方法:

二、Typekit在線字庫及使用方法

“字體”對於做前端設計的童鞋來說,是個不大不小的問題,往小了說,頂多選取幾個常用的、系統內置的字體,頁面不算太難看就完了;往大了說,本來挑了幾個美觀且能配合頁面布局的字體,但客戶的電腦里沒有,打開頁面那叫一個難看!

現在Google提供了一個web fonts在線字庫,提供上百個可選字體,而且很多程序的主題作者,都開始使用這一服務(我使用的這款主題的作者,內置使用了Google在線字體)。但很不幸,依照Google在大陸地區杯具的角色,這一字體服務也不例外,加載慢不說,有時甚至直接屏蔽,讓人既窩火,又無奈。 

這里把Google web fonts的合作者:Typekit,介紹給童鞋們,在無法改變國內網絡現狀的情況下,可以用typekit來替代Google的在線字體服務,雖然與Google比,有種種限制,但唯一的好處是:Typekit使用了EdgeCast的CDN,國內訪問的話,電信、聯通走的均是香港的節點,速度有保障,最關鍵的是尚未被牆(去年我試過typekit,是被牆的狀態)!

下面介紹下typekit的用法:

1、注冊用戶。typekit是商業服務,但提供一個免費套餐,可以為一個站點提供任意兩款免費字體。由於typekit屬於adobe旗下服務,所以其需要使用adobe的ID,有的可以在套餐選擇頁面直接選擇Trial方案,登錄即可;沒有的,請在此點擊“Creat an Adobe ID”,進行注冊。

2、注冊完成后,系統會將你帶到一個“服務簡介”頁面,點右下角的“Get Started”進入下一步。

 

3、創建字體套件(Kit)。這是一個字體容器,每個容器對應一個站點,同時在這個容器中可以放入N個字體供用戶使用。免費用戶只能創建一個kit容器,該kit中最多可放兩個字體,也就是說每個免費賬號可以針對一個站點使用兩種字體。如下圖,Name即為這個kit的名稱,隨便起名;Domains是這個kit對應的站點域名,如例,可以填單域名、泛域名、IP地址,甚至是用於本地調試的localhost。

 

4、完成上一步后,系統會給出對應此kit的一段js代碼,將其嵌入到頁面之間即可。也就是說,頁面引用了此kit的代碼后,你就可以在頁面當中任意調用此kit中的字體了。比如我的kit中有名為font1、font2兩個字體,將這段代碼嵌入到頁面后,我直接在頁面以font-family:font1;調用即可。

 

5、完成上述設置后,進入下一步的頁面后,點擊頁面上部的“Browse Fonts”即可進入字體瀏覽頁面。

轉自:http://www.chinaz.com/free/2012/0815/269267.shtml


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM