Font Swap 在任何網頁快速更換字體,從 Google Fonts 選擇免費字型一鍵套用(Chrome 擴充功能) – telegram 下載

Font Swap

有時候在瀏覽某些網站時會覺得網站使用的字型很醜、很不好閱讀,除了聯絡網站管理者調整,或使用類似 Mercury Reader 工具來開啟閱讀模式,還有其他更好的解決方法嗎?就我所知有一些瀏覽器外掛可快速更改網站字型,不過對一般使用者來說還是稍嫌困難,若有類似需求,本文要介紹一款非常好用的外掛「Font Swap」,可以快速將網站的標題、內文套用成 Google Fonts 裡任何字體。

Font Swap 是一款免費的 Google Chrome 瀏覽器外掛,它的功能很簡單:將任何網站的字體更改成其他字型,而字型就是從 Google Fonts 提供的免費字型挑選,Font Swap 最主要有兩種可用方向,第一種是將特定網站更換成你喜歡的字型,第二種就是讓開發者做為字型測試使用,測試時便能直接於網站上即時顯示你選擇的字體。

之前我也介紹過幾個可查看或測試網頁字型的外掛,例如:

  • Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案
  • Type Sample 輕鬆查詢、辨識網頁使用的字體名稱和大小(Chrome 擴充功能)
  • WhatFont Tool - 快速顯示網頁使用的字型、大小與行高

Font Swap 最值得推薦之處在於沒有複雜難懂的功能和介面設計,使用者需要做的就是開啟控制功能、選擇字型,一鍵套用字體,完全無痛!此外,還能依照不同的字體分類、粗細、傾斜或寬度等等篩選(當然也內建搜尋功能)。如果你想讓網站的標題、內文或任何部分使用不一樣的字型設計,Font Swap 亦有自定功能。

擴充功能資訊

元件名稱:Font Swap
適用平台:Chrome
程式語系:英文
官方網站:https://www.samirai.io/
安裝頁面:從 Chrome 線上應用程式商店下載

使用教學

STEP 1

開啟 Font Swap – for Google Fonts 擴充功能頁面,點擊右上角「加到 Chrome」將它下載安裝到瀏覽器。

Font Swap

安裝後右上角會多一個 Font Swap 圖示,點擊即可開啟字型設定功能。

Font Swap

STEP 2

在 Font Swap 功能選項中,可以看到四個參數篩選器,分別為:粗細(Thickness)、傾斜(Slant)、寬度(Width)和樣式數量(# of Styles),勾選並左右拖曳調整數值,就會顯示各種不同的字型搜尋結果。

Font Swap

STEP 3

若要選擇特定的字體類型,也可點選分類來快速選擇,包括:Serif、Sans Serif、Display、Handwriting 及 Monospace 五種形態。

Font Swap

當然如果知道字型名稱(或從 Google Fonts 檢索),直接輸入名稱是最快的方法。無論以何種方式找到字型,只要點擊下方的搜尋結果,就會立即將字體套用至網站,即時呈現。

Font Swap

STEP 4

若你是開發者,想透過 Font Swap 測試各種字型表現,應該也能找到合適的字型,這時候可以點擊「Embed」來獲取嵌入 Webfont、CSS 鏈結及語法,更多相關說明可參考:

  • FontCDN 更好用的 Google Fonts 網頁字型搜尋工具
  • Google Fonts 推出「思源黑體」中文網頁字型,改善網頁文字顯示效果

Font Swap

STEP 5

預設情況下字體會套用並取代網頁內的所有文字字型,若你想單獨套用到標題或自定區域的話,請透過最上方的「Apply to」來調整設定。

Font Swap

STEP 6

最後,要注意的是 Font Swap 會將使用者設定記錄下來,也就是當你關閉瀏覽器,下次再次打開相同網頁時,會繼續使用之前在 Font Swap 設定過的字體喔!若你發現使用出現問題或想將字體還原到網站設定值,可點選「Reset Page」來重設頁面設定。

Font Swap

相關文章

  • Snapfont 在網頁即時套用測試 Google Fonts 和本機字型顯示效果(Chrome 擴充功能)
  • CSSPeeper 為設計師量身打造,更聰明視覺化檢視網站 CSS 樣式表(Chrome 擴充功能)
  • Fontface Ninja 一鍵查看網頁使用的字型名稱、大小和行高,快速下載字體檔案
  • Site Palette 從網站獲取配色,快速產生完整調色盤資訊(Chrome 擴充功能)

Ten articles before and after

YouTube – telegram 下載

Google Data GIF Maker 趨勢可視化工具,將數據線上快速製作為 GIF 動畫 – telegram 下載

Plotify 以自然語言分析電影劇情,產生另一個 Spotify 音樂播放清單 – telegram 下載

FreeMyPDF: PDF文件密碼破解工具(線上版) – telegram 下載

FFFFOUND! – 網路圖片書籤,數量超多的圖片收藏與分享。 – telegram 下載

圖酷(簡) – telegram 下載

[iOS] Mr. Plurk - 簡單好用的噗浪 iPhone 應用程式 – telegram 下載

開啟 Twitter 登入認證,以 iOS 和 Android App 強化帳戶安全 – telegram 下載

Logic Game – telegram 下載

Syncplify.me Notepad! 推薦功能強大、可取代內建「記事本」的免費文字編輯器 – telegram 下載