字型預覽
免費線上字型預覽工具,支援 Google Fonts
預覽 Google 字型
Google Fonts 為 Web 專案提供超過 1,500 種免費字型。此工具讓你在將字型新增到專案之前,使用自訂文字、可調大小和粗細來預覽字型。在上下文中查看字型有助於做出更好的排版決策。
如何使用字型預覽器
按名稱搜尋字型或瀏覽列表。調整大小滑塊和粗細下拉選單。輸入自己的預覽文字查看字型在實際內容中的效果。找到喜歡的字型後,複製 Google Fonts 匯入連結。
▶使用 Google Fonts 會影響頁面速度嗎?
Google Fonts 從快速 CDN 提供服務且經常被瀏覽器快取。但載入太多字型或粗細會減慢你的網站。只匯入你需要的粗細和樣式。
▶Google Fonts 可以用於商業專案嗎?
可以,所有 Google Fonts 都是開源的,可免費商用。它們在 SIL 開源字型授權或 Apache 授權下授權。
▶如何將 Google 字型新增到網站?
在 HTML head 中加入 link 標籤,或在 CSS 中使用 @import 匯入。然後在樣式中引用 font-family。例如:font-family: 'Roboto', sans-serif;