Google chrome 在inspector中哪里可以看到chrome加载的字体文件？

chrome inspector中的哪个选项卡显示通过字体面加载的字体文件？我在资源下找不到它。我遇到了一个问题，一组字体族文件正在加载，而另一个字体族文件没有加载。我已经检查了所有内容，从直接访问URL到查看它们是否确实存在，但是我希望查看检查器，看到它加载一个字体系列，而不是另一个。chrome是否可以这样做？

您可以使用“网络”选项卡查看下载的web字体：

---

您也可以在“元素”面板中选择任何文本节点，然后查看选项卡底部，查看为该元素呈现的字体

---

我明白你的意思。它们确实出现在你的截图中。我修复了我的问题，但它们仍然没有出现在那里，尽管我知道它们现在正在加载和使用。我必须继续搜索。谷歌的字体显示在那里，但我们自己服务器上的字体不是…屏幕截图显示了指向字体的CSS文件的加载，但它实际上没有显示加载的字体；只是指向它们/从何处加载它们的文件。如果某个字体没有出现在网络选项卡中，那么请确保该字体没有安装在您的计算机上。我发现在Chrome 63中，字体仅在用于样式设置时才被实际下载。这并不总是反映字体在您期望的地方使用。要确定这一点，您需要在“计算样式”选项卡的底部检查渲染字体，以确保正在使用的字体系列，以及它是否是设备的本地资源，或通过CDN通过网络加载。这应该是（新的）可接受的答案！：）我从来没有想过要滚动到所有这些计算属性下面的最底部！我已经找了好几个小时了。谢谢@cfg！随时@jdunk，很乐意为您提供帮助。在“渲染字体”部分，我看到的是“-网络资源（310字形）”。这意味着什么？@greg这意味着您至少在某处从cdn调用字体，因为它是网络上的资源，而不是本地托管在您的计算机上。看起来它可能没有名称？？请注意，此部分不会显示在所有元素中，仅显示包含作为直接子元素的文本的元素。例如，您将不会看到

标记的“呈现字体”，但会看到段落标记、表格单元格等的“呈现字体”。