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应用程序。

一些重要说明：

• 扩展名附加到阴影下，这是为了避免影响小部件样式的页面样式。