1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 網頁設計
  6. »
  7. Google Fonts 再推出五款,具有特色的雲端字型可套用

Google Fonts 再推出五款,具有特色的雲端字型可套用

2021/04/13

梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
  剛剛梅干已分享,由日本字形公司Fontworks與Google聯手推出,可商用的字型免費下載,讓電腦中的字型,又多了些變化,除此之外Google也將與Fontworks合作字型,部分上架到Google的雲端字型中,讓網頁除了黑體外,還多了五種不同的特色字型。

因此身為網頁設計的你,Google Fonts中所新增的這五款特色字型,不妨也可載入網頁中,而這五款字型因為較特殊,因此用於標題,將是個不錯的選擇,所以現在就一塊來看看,如何將Fontworks與Google聯手推出的免費字型,要如何套用到網頁中吧!


GoogleFonts
連結網址:fonts.google.com

Step1
在進入 GoolgeFonts 的雲端字型頁中,分別可看到共有五款字體可用。
梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
Step2
再點了文字縮圖後,就會進入詳細的資訊頁,接著再點一下右上的「Select this style」,將此字型設為所需的雲端字型。
梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
Step3
接著右下角分別會出現,引用的CSS以及套用的font-family
梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
Step4
這時再依續的放到網頁中,就可看到文字立即會被套用剛所設定的字體。
梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
Step5
目前GoogleFonts釋出這五款新款的字體可套用,因此有需要的朋友,不妨也可試試看囉!
梅問題-Google Fonts再推出五款,具有特色的雲端字型可套用
#範例預覽: