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

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雲端字型整合的易使用

相關文章

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版

利用CSS3偽類選擇器:checked,實作出Toggle開合選單效果

利用CSS3偽類選擇器:checked,實作出Toggle開合選單效果





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

近期講座

2017 (二月講座)

2017 (一月講座)

更多講座