Where to see font files loaded by chrome in the inspector?

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?

Answer

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

Google Chrome styles tab showing computed rendered fonts

Attribution
Source : Link , Question Author : o_O , Answer Author : Juan Marco

Leave a Comment