Fontanello(快速获取网页文字样式)

插件介绍

Fontanello是一款实用的工具，可以帮你快速查看网页文字的排版信息。只需要右键点击，就能看到字体名称、大小、粗细、颜色等详细数据，还能显示一些CSS相关的内容。分析文字的对比度也不成问题，这对做设计或者前端开发特别方便。

功能特点

查看字体信息：右键点文字，立马就能看到字体的名字、大小、粗细这些基本数据，用起来特别顺手。

轻松获取颜色值：不需要再去翻代码或者用额外工具，直接显示文字的颜色信息，方便快捷。

对比度检查：能帮你快速分析文字和背景的对比度，看看内容在网页上是不是清晰。

CSS属性支持：还可以显示一些不太常用的排版信息，比如字间距，做开发的时候用得上。

插件安装步骤

1、先去下载Fontanello插件的CRX文件，保存到电脑上。

2、打开Chrome浏览器，点击右上角的三点图标，找到“扩展程序”并进入“管理扩展程序”，或者直接在地址栏输入 chrome://extensions/ 进入扩展页面。

3、在扩展页面的右上角打开“开发者模式”，这一点很重要，忘了就装不了。

4、把刚刚下载的CRX文件直接拖到页面里。

5、系统会弹出提示框，点击“添加扩展程序”，稍等几秒就能完成安装了。

6、装好后，回到浏览器界面，右上角会出现Fontanello的图标，说明已经可以用了！

不管是网页开发，还是检查字体信息，这款工具都很好用。操作简单，不需要什么学习成本。如果觉得有用，可以推荐给朋友，分享一下这个高效的工具。

您可能感兴趣的文章

• Chrome浏览器如何下载并安装浏览器插件
• chrome浏览器离线安装包下载
• 如何解决Chrome安装插件时出现“程序包无效”的问题
• Chrome浏览器安装主题背景插件后如何恢复或删除？