因此身為網頁設計的你,Google Fonts中所新增的這五款特色字型,不妨也可載入網頁中,而這五款字型因為較特殊,因此用於標題,將是個不錯的選擇,所以現在就一塊來看看,如何將Fontworks與Google聯手推出的免費字型,要如何套用到網頁中吧!
GoogleFonts
連結網址:fonts.google.com
Step1
在進入 GoolgeFonts 的雲端字型頁中,分別可看到共有五款字體可用。
Step2
再點了文字縮圖後,就會進入詳細的資訊頁,接著再點一下右上的「Select this style」,將此字型設為所需的雲端字型。
Step3
接著右下角分別會出現,引用的CSS以及套用的font-family。
Step4
這時再依續的放到網頁中,就可看到文字立即會被套用剛所設定的字體。
Step5
目前GoogleFonts釋出這五款新款的字體可套用,因此有需要的朋友,不妨也可試試看囉!
#範例預覽:
Switch《寶可夢 Z-A》好啦魷怎麼進化?翻轉螢幕即可進化成烏賊王
Cloudflare Drop 拖曳就能部署網站,還可綁定網域與SSL
線上象棋對戰遊戲室|免註冊立即入座,真人即時對戰
樹莓派系統安裝教學|設定 Raspberry Pi OS、SSH 與首次登入
自製 GA4Exact 外掛,讓 WordPress 後台直接查看 GA4 分析報表
解決 WooCommerce Checkout Block 導致金流模組無法顯示的問題