|Web Fonts|Add Google Fonts to Your Website
Google Fonts 是一個免費字體庫,提供大量經過網頁優化的字體,方便整合到網站中以提升排版和設計效果。這次示範如何將 Google Fonts 使用在網頁專案上。
Google Fonts
在 Google Fonts 網頁瀏覽,可使用左側篩選器快速找出您想要的字體。
找到想要使用的字體後,點選它。
會進入該字體頁面,再點選「Get font」按鈕。
該字體就會收錄到「selected families」的頁面裡,再點選「Get embed code」按鈕。
進入字體嵌入程式碼頁面。
嵌入程式碼有 <link> 方式引用。
也可以用 @import 方式引用。
之後再複製 css 來使用該字體。