Seeing font sizes and styles

How do you view the font sizes and styles in someone elses website, very quickly and easily please?

Developer tools in the browser, or Firebug, is probably the quickest way.

The Web Developer Toolbar has a “view CSS” option which will allow you to see all CSS for a page.

Thanks TB, I did try that, but it wasn’t very easy to see the font size and style for the text I highlighted / hovered over?

Which? I made three suggestions.

Is this any better? http://www.chengyinliu.com/whatfont.html#whatfont-install-bookmarklet

(That works well for me on static sites, but not at all on heavily-JS dependent sites like Slack or this forum.)

2 Likes

Sorry, instead of saying “I did try that,” I should have said I did try them.

I have also tried the whatfont from your latest link, but it only shows the style?

2 Likes

It shows the font name on hover, and if you then click, it shows full information.

1 Like

Oh, I didn’t realize that - I couldn’t see anything in the instructions for that? Anyways, you’ve solved the problem - thank you.

2 Likes

It’s not at all clear, I agree. You need to hover over the blue dots in the image on the bookmarklet page to see that information. Not a good design, IMHO.

1 Like

Yep, but at least we got the problem solved. Thanks.

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.