我怎么知道网站使用什么字体？

如何找出网站使用的是哪种字体？是否有任何工具或浏览器扩展程序可以使工作更轻松？

选项1：使用浏览器扩展程序（简易）

WhatFont之类的扩展程序（适用于Chrome，Firefox和Safari）使检测网页中任何文本的字体系列变得非常容易。您只需要安装扩展程序，在站点上将其激活，然后单击要检查的元素即可。结果始终在您选择的上下文中显示在浮动框中。

选项2：使用浏览器检查器手动检查CSS（高级）

大多数Web浏览器使您可以使用right-click→'Inspect'或'Inspect Element' 轻松找到字体。也可以按F12。这将显示网站附带的样式列表，您可以浏览该样式列表以查找任何HTML元素中使用的字体。

使用检查器并不像使用扩展那样简单，但是它具有多个优点。需要一定的CSS理解，因为您通常需要经历几种样式才能找到要应用的样式。通常，被划掉的样式将被覆盖，因此请始终查找最后应用的样式。

该页面上的所有样式都在“ 样式”选项卡中列出，但是如果改用“ 计算”选项卡，则可以找到有效地应用于所选元素的属性，当然包括字体系列。

最后，另一种快速检查全局使用的字体（而不是如何使用或在哪里使用）的方法是转到“应用程序→框架→字体”。在这里，您会找到所有引用的（非系统）字体的列表。

第二种方法比较慢，但是使用检查器可以使您深入了解整个页面的构建方式。此外，许多设计人员和开发人员将其用作测试更改的工具，然后才将其实际写到样式表中（因为在检查器中更改CSS行会触发浏览器中的实时预览）。

浏览器的“检查元素”并不完美

使用浏览器的开发人员工具是查看网站CSS中声明哪些字体的好方法。尽管这不会显示实际正在渲染的字体，而仅显示正在应用的字体栈，但是实际渲染的字体可能会因安装的字体等而异。

另一个有用的工具是Fount。

Fount会告诉您您实际看到的字体库中的哪种Web字体-不仅仅是应该看到的。它还会告诉您字体大小，粗细和样式。

使用Fount就像添加书签一样容易。无需安装应用或任何扩展程序。

添加书签后：

1. 转到任何站点，然后单击Fount小书签。
2. 单击您要识别的任何类型。重复。
3. 要关闭Fount，只需再次单击小书签。

Fount可在Safari，Chrome，Firefox和IE8 +中使用。

我喜欢Chrome浏览器扩展CSSViewer。您只需单击它，然后将鼠标悬停在要识别的字体上，它就会向您显示字体系列。

FontFinder是为设计师，开发人员和印刷者创建的。它允许用户分析页面上任何元素的字体信息，将该信息的任何部分复制到剪贴板，并执行内联替换以测试新的布局。

此附加组件最适合查找字体和其他CSS，例如字体粗细，大小和更多表单网页。