如何查看网页使用的字体

2025-04-21 05:23:56

看到网页的字体很漂亮自己也想用怎么办?没问题,有两种方法:whatfont扩展和审查元素法。下面我们就来详细介绍这两种方法的具体步骤。百度经验的字体看着就不错,那就以它为例!

工具/原料

Google Chrome浏览器

Whatfont扩展

借助Whatfont扩展

1、首先,到Chrome Web Store搜索下载扩展Whatfont,安装完成后会在浏览器右上角多出一个标志。

如何查看网页使用的字体

2、点击Whatfont扩展的标志,将鼠标移至要查看字体的文字上,就能看到文字的粗略样式。

如何查看网页使用的字体

3、在要查看字体的文字上单击,就能弹出文字的详细样式信息,包括字体名称、字体大小、字体颜色等。按ESC键退出查看。

如何查看网页使用的字体

借助Chrome的元素审查功能

1、在要查看字体的文字上右键,选择“审查元素”。浏览器下方会多出一个对话框,并且自动跳到当前文字所在代码处。

如何查看网页使用的字体
如何查看网页使用的字体

2、选择右侧的“Computed Style”,同样也可以看到当前字体的详细样式信息。

如何查看网页使用的字体
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢