-2

This question already has an answer here:

I've googled this but this info seems hard to find. Is there a way to identify header fonts using dev tools? I can get the body text, but clicking the various tabs (including COMPUTED) does not produce the header font.

marked as duplicate by Zach Saucier, joojaa, curious, Lucian, Ryan Jun 27 '17 at 9:30

This question has been asked before and already has an answer. If those answers do not fully address your question, please ask a new question.

  • 1
    You simply select the HTML element you want to inspect. The duplicate should explain and give you a few alternatives – Cai Feb 10 '17 at 7:12
  • Ah! Didn't see your comment when I was writing my answer. Answers on duplicate should provide additional insight, especially if for some reason dev tools doesn't work for you. – Hassan Feb 10 '17 at 7:17
  • This doesn't really add anything to the given answers, but I've enjoyed using Fontface Ninja. – Joonas Feb 10 '17 at 12:44
  • Cai, that does not work for me. As explained, I'm trying to get the headers. Your way only shows me the body text. – TCDesigner Feb 10 '17 at 19:05
  • 1
    @TCDesigner devtools shows you the font stack of whatever you have selected, it doesn't care what is a body or header just what DOM elements are selected. – Cai Feb 10 '17 at 20:06
1

Chrome Dev Tools should show font of selected element in computed tab. It lists all of the css attributes regarding that element - font-family included.

computed font

0

A really great chrome extension I've been using is the CSS Peeper: https://csspeeper.com/

It's real easy to get fonts, colors and assets and you get all relevant info fast when just clicking on an element.

css peeper

Not the answer you're looking for? Browse other questions tagged or ask your own question.