WhatFont-用最简单的方法知道网页上使用的字体

作为一个网页设计人员，许多时候都需要参考他人的优秀设计，在研究网页使用字体的时候比较麻烦，往往需要借助工具，或者查看CSS，由于网页中不止一种字体，所以这个操作会花费比较多的操作和精力，不过有了WhatFont，你就会发现这个原来如此的简单。

2016-2-5更新
WhatFont需要调用google的js。

这是一个由美国伊利诺大学香槟分校计算机专业的学生设计的，也是目前软件No1文章中介绍的最cool的一个工具（至少我这么认为），它可以不借助于任何浏览器扩展或者插件形式使用。这也就意味whatfont是完全可以跨浏览器使用，在MAC和linux下也可以运行。

虽然作者也制作了chrome扩展，不过我相信，这个是完全用不到的，因为你只需要把它的链接保存为一个书签，以后点击就可以使用了，无需安装任何东西。

使用方法：

你会在文章底部链接打开的网页中看到“how to use it？”，在这个下面会有一个以黑色为背景的“whatfont”按钮，你只需要在上面右击，把这个链接保存为书签就可以了。（需要尝试使用的话，点击这个链接就可以启动它）

想要使用的时候，打开那些需要分析字体的页面，然后点击这个书签，就会启用这个工具。

像图片中那样，鼠标移动到哪边，都会显示靠鼠标最近文字使用的是什么字体，并不需要你点击，如果还要了解详细的信息，在文字上点击一下鼠标左键，就会弹出较大的框，上面显示了字体类型、大小，是否加粗、行高等信息。

如果需要关闭，点击网页右上角的“exit whatfont”就可以了。

所以从安装，使用，操作方面可以了解到，这个在线的工具在人机交互和易用性方面是多么的出色，简直可以和谷歌翻译不相上下。

如果想要更多选择，那么阅读“如何快速知道网页上文字的字体、大小、颜色代码”一文，上面的内容也可以帮到你。

WhatFont工具页面 http://chengyinliu.com/whatfont.html

本文地址：https://www.rjno1.com/whatfont-easiest-way-find-out-fonts-used-in-webpage/