|Web Fonts|Add Google Fonts to Your Website

Add Google Fonts to Your Website

Google Fonts 是一個免費字體庫,提供大量經過網頁優化的字體,方便整合到網站中以提升排版和設計效果。這次示範如何將 Google Fonts 使用在網頁專案上。


在 Google Fonts 網頁瀏覽,可使用左側篩選器快速找出您想要的字體。

找到想要使用的字體後,點選它。

會進入該字體頁面,再點選「Get font」按鈕。

該字體就會收錄到「selected families」的頁面裡,再點選「Get embed code」按鈕。

進入字體嵌入程式碼頁面。

嵌入程式碼有 <link> 方式引用。

也可以用 @import 方式引用。

之後再複製 css 來使用該字體。