如何检查网站上的字体大小和字体

无论您是从事设计还是喜欢特定网站的外观,了解网站使用的字体类型和大小都可以帮助您模拟它或在您自己的网站上使用它。有几种方法可以实现这一点,我将在此处向您展示其中的几种。因此,如果您想检查网站上的字体类型和大小,请继续阅读!

如何检查网站上的字体大小和字体

字面上有数百万种字体,找到完美的字体可能需要更长的时间。当您确实发现了一个好的时,您需要找出它在那里的位置,然后,否则您可能会永远失去它。如果它特别好,您可以在自己的网站上使用它,作为 Office 字体或在 Windows 中使用,具体取决于它的字体类型。请务必记住,某些字体已受版权保护,不可公开使用。

检查网站上的字体类型和大小

有几种方法可以检查任何网站上的字体类型和大小。最简单的方法使用浏览器本身,而其他方法则使用第三方工具来识别页面资产。我将涵盖这两种类型。首先,我们将关注内置浏览器方法。

  1. 在您喜欢的页面上单击鼠标右键,然后选择 检查元素 (火狐), 检查 (铬),或 F12开发者工具 (边缘)。 Chrome 网络菜单
  2. 选择 检查员 (火狐) 或 计算 (Chrome) 在新的底部窗口中,然后向右向下滚动,直到到达 字体 或者 字体大小.它应该显示字体系列、使用的特定字体、大小、颜色以及页面定义的任何其他内容。 Chrome 检查器工具

不同的 CMS 和不同的网页设计以不同的方式显示其字体信息。在一些网页上尝试这种方法,您可能会看到几种不同的字体定义方式。

如何在网站上检查字体类型和大小 2

识别字体类型和大小的第三方工具

有一些第三方附加组件可以作为插件或书签工作,并且可以识别字体类型。它们适用于大多数浏览器,包括 Safari,因此您应该可以轻松找到可以使用的内容。

萤火虫

Firebug 曾经是开发人员专用的 Firefox 调试工具。它变得如此流行,以至于它现在与浏览器无关,并且可以与大多数浏览器一起使用。这是一个非常通用的工具,可以检查网页的任何元素,包括字体。

  1. 只需像往常一样安装附加组件,突出显示页面上的一些文本,单击 Firebug 中的 HTML 选项卡,然后单击右侧的“计算”。 Firebug 然后应该突出显示字体名称、字体系列、大小、粗细以及您需要知道的所有内容。

但是,请记住,Firebug 已于 2017 年停产。旧版本仍可下载,但不会再更新,并且 Firebug 可能会随着浏览器的发展而失去功能。

如何在网站上检查字体类型和大小 3

什么字体

WhatFont 是一个书签,可以识别网页上的字体。将书签拖到您的书签栏上,并使用它来识别几乎任何字体、任何地方。它可以免费使用,而且非常简单。导航到您喜欢的网页,单击书签,然后将鼠标悬停在您要识别的字体上。一个小黑框出现在它上面,告诉你字体。

随着它的更新,它甚至与相关的附加组件兼容。

同样,根据 CMS 的配置方式或页面的设计方式,这将是一个简单的字体标识或一个完整的框,为您提供大小、颜色、重量等信息。

有很多书签类型的插件可以识别字体; WhatFont只是其中之一。你用一个吗?这篇文章是否说服您尝试新的文章?请在下面告诉我们。