📜  如何检测网页中使用了哪一种定义的字体?

📅  最后修改于: 2022-05-13 01:56:38.339000             🧑  作者: Mango

如何检测网页中使用了哪一种定义的字体?

因此,在这里,我们将讨论一些可以帮助您从任何网站获得所需字体的方法!

1.WhatFont : WhatFont扩展可以轻松检测网页上的字体。您只需要安装它并单击要检查的元素。结果显示在浮动框中,在您选择的上下文中。它适用于 Google Chrome、Safari、Firefox。
如何下载和激活:

  1. 去这个网站https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/related?hl=e2
  2. 在您选择的网络浏览器上添加(下载)Google chrome 扩展程序或 Safari 扩展程序。
  3. 转到您要查找字体的网页,然后单击 WhatFont 扩展。
  4. 将鼠标悬停在网页上。你会发现一个包含字体的浮动框,你想找出来。

输出:

2. Fontanello:另一个有用的工具是Fontanello 。它会告诉您您实际看到的字体堆栈中的哪种网络字体——而不是应该看到的。它还会告诉您字体大小、粗细和样式。就像添加书签一样简单。 Fontanello 适用于 Safari、Chrome、Firefox。
如何下载和激活:

  1. 转到此网站https://chrome.google.com/webstore/detail/fontanello/jdlhfjlpaijjhklfadlhbbmpjfddkglc?hl=en
  2. 在您选择的网络浏览器上添加(下载)Google chrome 扩展程序或 Safari 扩展程序。
  3. 转到您要查找字体的网页,右键单击文本,在菜单中找到 fontanello。

输出:

3. 检查元素:作为开发人员,您可能会多次使用检查。 Inspect 还可用于找出网页上使用的字体。使用浏览器的开发者工具是查看网站 CSS 中声明了哪些字体的好方法。但是使用检查并不像使用扩展那样简单。不过,Inspect 不会向您显示实际呈现的是哪种字体——它只显示正在应用的字体堆栈。它也有优点。它肯定会提高你的 CSS 技能,因为你会知道 CSS 在你的网站中是如何工作的。

输出:

检查

注意:很好的做法是想知道漂亮网站中使用的字体。所以继续做。有许多可用的扩展,您可以使用其中的任何一个。以上两个是最好的扩展。你可以用来检查字体。