Where to see font files loaded by chrome in the in

问题:

What tab in chrome inspector shows the font files you're loading via font-face? I can't find it under resources. I'm having an issue where one group of font-family files are loading, but another font-family is not. I have checked everything from going directly to the URL and seeing they are indeed present, but I would like to look in the inspector and see it loading the one font-family but not the other. Is this possible with chrome?

回答1:

You can view the downloaded web fonts using the Network tab:

回答2:

You can also select any text node in the elements panel, then look at the bottom of the computed styles tab to see what fonts are rendered for that element