Google Fonts 五款雲端字型立即套用至網頁(無需綁網域、無流量限制 )

梅問題-Google Fonts提供五款雲端字型,無需綁網域、無流量限制
  先前曾分享過Adobe雲端字型,來解決網頁中的字型問題,讓網頁不再只有新細明體,雖然有流量限制,但有提供免費的版本,而免費的版本已足以大家使用,真的不得不給Adobe一個讚,相當的佛心,但Google最近也推出了雲端字型,分別有黑體、仿宋、明體、楷體及圓體....等,比Adobe的思源黑有更多的選擇,同時無需綁網域,也無流量限制,只需引用google fonts的css,立即就可將網頁中的文字,套用不同的字型,雖然目前還在測試階段,經梅干實測後,無論在IE、Safari、Firefox、Chrome皆可正常顯示,因此有需要的朋友,不妨可搶先用用看囉!

Goole雲端字型:
網站名稱:Google Fonts : Early Access
支援字型:黑體、仿宋、明體、楷體、圓體
網站連結:https://www.google.com/fonts/earlyaccess

Step1
首先,進到Google Fonts : Early Access網頁後,向下拉當看到Chinese-traditional時,這一區的文字都是繁中,皆可使用,同時每個字型分別需要將css引用,與指定字型就可以了。
梅問題-Google Fonts提供五款雲端字型,無需綁網域、無流量限制
Step2
接著分別把css引用,再指定字型樣式,這樣就大功造成囉!夠簡單吧!
梅問題-Google Fonts提供五款雲端字型,無需綁網域、無流量限制
Step3
這時立馬來瀏覽看看,無論是IE還是Chrome皆可正常顯示,這時網頁中的字形就變成圓體啦!而Google總共提供了五種字型,因此可依自己所需來作設定,相當的不錯喔!雖然中文字型都不小,但經梅干實測的結果,整個載入的速度還蠻快的,包含用手機3G來瀏覽時,差不多5~10間可載入完成,算相當的快速,因此身為網設的你千萬別錯過。
梅問題-Google Fonts提供五款雲端字型,無需綁網域、無流量限制
[範例預覽]

延伸文章

《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體

《Adobe Typekit》有了Adobe雲端字型,讓網頁不再只有新細明體

《justfont 雲端字型》讓網頁不再只有新細明體

《justfont 雲端字型》讓網頁不再只有新細明體


相關文章

「Dropbox Paper」不但支援網頁原始碼高亮模式,甚至還可加註解

「Dropbox Paper」不但支援網頁原始碼高亮模式,甚至還可加註解

「Kaboompics」可商用無驗證高畫質圖片素材免費下載

「Kaboompics」可商用無驗證高畫質圖片素材免費下載

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

「100+ ET-Line Icons」用膩了扁平圖示嗎?改用線稿圖示簡潔又具設計感

免費下載!Apple推出五款年味十足的農曆新年桌布

免費下載!Apple推出五款年味十足的農曆新年桌布

網設必備!「lorempixel」免費網頁假圖線上隨機產生器

網設必備!「lorempixel」免費網頁假圖線上隨機產生器





回應本篇 »

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

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

共 4 梅留言

  • 第1梅
    辣妹新 說道:

    那老師使用的是字型是什麼?
    我在用了「justfont」的免費字型後,在不同面顯示器看到的結果不同。我在筆電看到的字會缺筆劃、在大螢幕看則不會。

    回應:
    像講堂的部分,是使用adobe字型

近期講座

近期講座

更多講座