0

Possible Duplicate:
How can I determine what font a browser is actually using to render some text?

My CSS style goes as "font-family: helvetica, arial, sans-serif;" for the whole page. It looks like Verdana is being used instead on some parts. I need to somehow verify this.

I've tried copy-paste from my browser into MS Word, but the font is not preserver.

Is there some tool to determine which font is actually being rendered for a page or section of text?

Firebug gives me the list of fonts as above, but I don't see a way to determine which one of the fonts is being used.

Community
  • 1
  • 1
  • I just wanted to answer that you should try pasting in Word, but that does not seem to work for you. Did you try cut and paste from IE? Or another word processor than Word, or a different version of Word? (this approach does work for me) – Lexib0y Sep 22 '15 at 19:52

2 Answers2

-1

Basically, an element is set to use a specific font . If the font set for the element does not exist, it takes the font of the parent element. So, what they do is measure the width of the rendered string. If it matches what they expected for the desired font as opposed to the derived font, it's present.

Here's where I saw it: Javascript/CSS Font Detector (ajaxian.com; 12 Mar 2007)

Also, The FontFinder plugin for Firefox does exactly what you want. After installing, highlight a block of text, right click and go to FontFinder -> Analyze Selection. It will tell you the actual font being used as well as a other information like font-family, spacing, color, etc.

Riju Mahna
  • 6,718
  • 12
  • 52
  • 91
-2

Yes offcourse! You can use firebug a built-in tool in firefox and chrome.

http://getfirebug.com/enable

Moxet Khan
  • 235
  • 1
  • 9
  • I mentioned that firebug gives me the fonts given in CSS styles, not the actual font being used –  Feb 04 '13 at 10:10