Inspect Element finds fonts

15.02.2012
webpage for the singer

What font is that?

 We are indebted to Kristen Dore of the New Organizing Institute for bringing this nifty tool to our attention. Like her, we love type (see previous adastra post, “The Lead in the Lede”) but don’t have the training to identify what we’re looking at. Now, we can–at least when it comes to websites. Apparently, Chrome and Firefox come with a function called Inspect Element, which takes you behind the webpage and reveals the code, including the font. Using the Adele example (which Dore helpfully provides and deconstructs), here’s what you do:

- go to www.adele.tv
- highlight “Full Concert Film”
- right click “Inspect Element” (a full page of code appears)
- look for the word “Font Family” (to the right in Chrome, in “Style” in Firefox)
- and voilà! The font is identified (Raleway Thin).

How cool is that! For more tips on everything from community organizing strategies to leadership training, sign up for NOI’s daily email.

 

 

3 Responses to Inspect Element finds fonts

Ricky Travis says: April 25, 2012 at 2:30 am

I had been kinda messing about with idea that it was the way to find fonts is there anyway to find a font that is used in a jpeg image ?

Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>