close
梅問題．教學網

♣梅問題‧教學網【Minwt】♣

網設必備－FontCDN將Google Fonts雲端字型整合的易使用

Posted: 14 Dec 2015 02:00 PM PST

FontCDN將Google Fonts雲端字型整合的易使用
　　身為網頁設計人員，應該很常使用Google Fonts的雲端字型，應用於自己的網頁專案中，但使用過的朋友是否會感到Google Fonts所提供的平台，操作上實在有點不太親民，當要尋找字型時，得花些時間來搜索，所以國外有熱心的網友，將Google Fonts重新打造了一個整合平台，透過這個網站，不但更容易找到所需的文字，還可選擇需要那些字型的樣式，更易將Google Fonts雲端字型應用在自己的專案中。
FontCDN
網站名稱：FontCDN
網站連結：http://fontcdn.org/
Step1
進入網站後，除了可從左手邊的分類找尋外，也可用關鍵字的方式來搜索，當找到相關文字後，右手邊就會列出文字的縮圖。
FontCDN將Google Fonts雲端字型整合的易使用
Step2
點下縮圖後，上方是引用方式，下方是要選擇的字型樣式，這邊建議勾選自己所需就好，勾選的愈多，相對網頁載入的時間也愈長。
FontCDN將Google Fonts雲端字型整合的易使用
Step3
接著先把字型給載入，接著就可在css樣式中，來指定所載入的字型樣式。
FontCDN將Google Fonts雲端字型整合的易使用
Step4
這樣就可顯示出，剛所設定的字型樣式啦!是不是超簡易又方便呀!!
FontCDN將Google Fonts雲端字型整合的易使用
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 knoledge 的頭像
    knoledge

    討論

    knoledge 發表在 痞客邦 留言(0) 人氣()

    E-mail轉寄