chrome inspector中的哪个选项卡显示了你通过font-face加载的字体文件？我在资源下找不到它。我遇到了一个问题，一组字体系列文件正在加载，但另一组字体系列文件没有加载。我已经检查了所有内容，从直接访问URL到看到它们确实存在，但是我想在检查器中看到它加载了一个字体家族，而不是另一个。这在chrome中可能吗？
4szc88ey1#
您还可以在元素面板中选择任何文本节点，然后查看computed styles选项卡的底部，以查看为该元素呈现的字体
3htmauhk2#
您可以使用“网络”选项卡查看下载的Web字体：
vawmfj5a3#
∮迄今为止最好的方式∮你可以actaully做rightclick: inspect > Application (on the top tabs) > Frames (scroll on the left tabs)然后你可以找到一个Font部分，其中列出了所有加载的字体。它也有字体的预览。它列出了所有以任何可能的方式加载的字体。
rightclick: inspect > Application (on the top tabs) > Frames (scroll on the left tabs)
Font
最棒的是，它还能在右边预览，让你更容易找到那个
然后你可以右键点击你选择的文件，然后在一个新的选项卡中点击打开，它就会下载它，然后你可以在文件名的末尾添加一个.woff，并在任何你喜欢的地方使用它。
3条答案
按热度按时间4szc88ey1#
您还可以在元素面板中选择任何文本节点，然后查看computed styles选项卡的底部，以查看为该元素呈现的字体
3htmauhk2#
您可以使用“网络”选项卡查看下载的Web字体：
vawmfj5a3#
∮迄今为止最好的方式∮
你可以actaully做
rightclick: inspect > Application (on the top tabs) > Frames (scroll on the left tabs)然后你可以找到一个Font部分，其中列出了所有加载的字体。它也有字体的预览。它列出了所有以任何可能的方式加载的字体。最棒的是，它还能在右边预览，让你更容易找到那个
然后你可以右键点击你选择的文件，然后在一个新的选项卡中点击打开，它就会下载它，然后你可以在文件名的末尾添加一个.woff，并在任何你喜欢的地方使用它。