Css检测元素字体

我在我的网站上使用了几种字体，我不认为所有的字体都加载正确。 有没有一种方法可以检查一个元素所使用的字体是哪种风格的，这可能是任何人都可以推荐的好插件

---

我知道有很多调试工具，但我正在寻找一种能够为您提供所有给定元素样式的工具，而不仅仅是与之相关的css代码。

您可以使用firefox的firebug，它有一种非常有用的方法来检查html元素（甚至脚本）。 在使用firebug进行检查后，单击指定元素后，右侧的“计算样式”部分将显示您所要求的内容

---

您可以在以下网址找到它：

您可以使用firefox的firebug，它有一种非常有用的方法来检查html元素（甚至脚本）。 在使用firebug进行检查后，单击指定元素后，右侧的“计算样式”部分将显示您所要求的内容

---

您可以在以下网址找到它：

您可以使用firefox的firebug，它有一种非常有用的方法来检查html元素（甚至脚本）。 在使用firebug进行检查后，单击指定元素后，右侧的“计算样式”部分将显示您所要求的内容

---

您可以在以下网址找到它：

您可以使用firefox的firebug，它有一种非常有用的方法来检查html元素（甚至脚本）。 在使用firebug进行检查后，单击指定元素后，右侧的“计算样式”部分将显示您所要求的内容

---

您可以在以下网址找到它：

有几种方法可以检查这一点，但一个例子是在Chrome中使用开发者工具。如果查看应用于文本的“样式”，则应该有一个

字体系列

规则

---

取消选中/检查此规则以查看文本是否更改。如果您在页面上看不到任何视觉变化，则此规则不会对您的文本应用任何有意义的变化-即，很可能您的字体不工作。

有几种方法可以检查此情况，但一个示例是在Chrome中使用开发者工具。如果查看应用于文本的“样式”，则应该有一个

字体系列

规则

---

取消选中/检查此规则以查看文本是否更改。如果您在页面上看不到任何视觉变化，则此规则不会对您的文本应用任何有意义的变化-即，很可能您的字体不工作。

有几种方法可以检查此情况，但一个示例是在Chrome中使用开发者工具。如果查看应用于文本的“样式”，则应该有一个

字体系列

规则

---

取消选中/检查此规则以查看文本是否更改。如果您在页面上看不到任何视觉变化，则此规则不会对您的文本应用任何有意义的变化-即，很可能您的字体不工作。

有几种方法可以检查此情况，但一个示例是在Chrome中使用开发者工具。如果查看应用于文本的“样式”，则应该有一个

字体系列

规则

---

取消选中/检查此规则以查看文本是否更改。如果您在页面上看不到任何可视更改，则此规则不会对文本应用任何有意义的更改-即，很可能您的字体不工作。

几乎所有现代浏览器都有调试功能。在元素上单击鼠标右键，然后选择类似Inspect元素的内容。查找计算样式。这将告诉他指定的字体是什么，但不是实际使用的字体（如果指定的字体不可用）。devtools的网络面板将显示字体文件下载，您可以查看它们是否失败。我尝试了firefox的firebug，计算部分实际上为您提供了元素当前的样式（独立于加载的任何字体或给定的样式），几乎每个现代浏览器都有调试功能。在元素上单击鼠标右键，然后选择类似Inspect元素的内容。查找计算样式。这将告诉他指定的字体是什么，但不是实际使用的字体（如果指定的字体不可用）。devtools的网络面板将显示字体文件下载，您可以查看它们是否失败。我尝试了firefox的firebug，计算部分实际上为您提供了元素当前的样式（独立于加载的任何字体或给定的样式），几乎每个现代浏览器都有调试功能。在元素上单击鼠标右键，然后选择类似Inspect元素的内容。查找计算样式。这将告诉他指定的字体是什么，但不是实际使用的字体（如果指定的字体不可用）。devtools的网络面板将显示字体文件下载，您可以查看它们是否失败。我尝试了firefox的firebug，计算部分实际上为您提供了元素当前的样式（独立于加载的任何字体或给定的样式），几乎每个现代浏览器都有调试功能。在元素上单击鼠标右键，然后选择类似Inspect元素的内容。查找计算样式。这将告诉他指定的字体是什么，但不是实际使用的字体（如果指定的字体不可用）。devtools的网络面板将显示字体文件下载，您可以查看它们是否失败。我尝试了firefox的firebug，计算部分实际上为您提供了元素当前的样式（独立于加载的任何字体或给定的样式）