Anonim

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

字面上有数百万种字体,发现完美的字体可能需要更长的时间。 当您找到一个好东西时,您需要先找出它所在的位置,然后才能永久丢失它。 如果它特别好,您可以在您自己的网站上将其作为Office字体使用,也可以在Windows中使用,具体取决于字体类型。 只要确保牢记某些字体已受版权保护,并且不能公开使用。

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

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

  1. 右键单击您喜欢的页面,然后选择检查元素(Firefox),检查(Chrome)或F12开发人员工具(Edge)。
  2. 在新的底部窗口中选择“检查器(Firefox)”,然后在右侧向下滚动直到找到“字体”。 它应该显示字体系列,使用的特定字体,其大小,其颜色以及页面定义的其他任何内容。

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

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

有一些第三方插件可以用作插件或书签,并且可以识别字体类型。 它们可与大多数浏览器(包括Safari)一起使用,因此您应该找到可以轻松使用的功能。

萤火虫

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

只需按通常的方式安装加载项,突出显示页面上的一些文本,单击Firebug中的HTML选项卡,然后单击右侧的“计算机”。 然后,Firebug应该突出显示字体名称,字体系列,大小,粗细以及您需要知道的所有内容。

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

什么字体

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

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

同样,根据CMS的配置方式或页面的设计方式,这将是简单的字体标识,或者是显示尺寸,颜色,粗细等的完整框。

有很多可以识别字体的bookmarklet类型附加组件;它们可以用来标识字体。 WhatFont只是其中之一。 你用一个吗? 本文是否已说服您尝试新的文章? 让我们在下面知道。

如何在网站上检查字体大小和外观