font tester chrome

字體測試儀 - 字體變得簡單（Chrome Extension）

字體測試儀↗️

發現很難選擇合適的字體？現在，在您的網站上測試1000多個免費的Google字體類型。

使用此擴展程序在網站版式上變得更好。

現在，您可以訪問您的網站，單擊擴展名，測試字體，然後選擇您喜歡的字體以及代碼。

下載

從Chrome擴展商店下載擴展

或者

您可以從發行版中下載DIST文件夾並手動加載

什麼是新的 ？

• 現在從任何網頁中找到字體。
• 預覽字體在下拉列表上。
• 使用箭頭鍵循環字體。

在Changelogs中閱讀更多

字體測試儀的功能

✅測試1000+ Google字體
✅查找任何網頁上使用的字體類型
✅下拉列表上的預覽字體
✅在網頁上移動模態。
✅設置斜體，下劃線，重量，線高等。
✅設置字體尺寸，過濾器（高級用戶）
✅設置顏色，字母間距（高級用戶）
✅上傳本地字體（高級用戶）
有關路線圖的更多信息

如何使用字體測試儀？

有關完整的說明和演示，請閱讀文檔

1. 轉到Chrome Extensions Store並下載字體測試儀
2. 現在，位於右上方的拼圖擴展圖標上的擴展名。
3. 單擊擴展名，請等待幾秒鐘才能在您的網站上加載。
4. 現在突出顯示文字。
5. 選擇一個字體。
6. 複製代碼並使用它。是的，就是這樣

筆記

在部分文本選擇過程中，應用的字體將影響元素之間的整個文本，因為在選擇周圍插入元素可能會影響樣式。但是，將來我們可能會根據用戶反饋來圍繞選擇元素。

執照

獲得高級功能，更多

類型	自由的	優質的
支持開源開發	？ ️	？
優先支持- （優先級您的功能請求，問題）	社區支持	✅
終身許可證（一次性購買）	？ ️	✅
免費更新	❓️	✅
上傳本地字體		✅
調整字體尺寸		✅
儘早獲得即將到來的功能		✅
調整字體顏色		✅
黑暗主題		✅
邊緣和Firefox的擴展		✅
價格	自由的	價格
立即訂購！	-	獲得許可證

---

當前限制

• 無法在Chrome Extension Store中執行腳本，默認情況下它被阻止
• 如果即使雙擊網站後，字體測試儀也沒有打開，請提交問題

常問問題

如何在網頁上測試不同的字體？

一個。您可以使用字體測試儀擴展名來測試任何網頁上的不同字體。

如何找到網頁上使用的字體？

一個。您可以使用字體測試儀擴展名在任何網頁上查找字體。

如何測試本地字體？

一個。您可以通過購買許可證測試本地字體。它具有更多功能，可幫助您測試不同的排版。

其他免費和開源工具

• 很棒的著陸頁
• 懸停預覽 - 懸停的預覽
• Django SaaS樣板

關注更新和開源

• 嘰嘰喳喳
• github

技術堆棧

• Reactjs
• 尾風CSS

在本地運行它

擴展所需的manifest.json 。位於公共文件夾內。

在本地加載擴展。轉到擴展名 - >加載打開包裝 - >指向DIST文件夾（構建文件夾）。

用於開發使用

 npm run build:dev

這是因為擴展名需要指向構建文件夾，使用此命令，您不必在每個保存上重建。

對於開發，您也可以使用npm start ，但是您將無法將其加載為擴展名，而是作為React應用程序。

一些重要說明：

• 擴展名附加到陰影下，這是為了避免影響小部件樣式的頁面樣式。