Home/ Questions/Q 9237303
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T07:30:23+00:00

Possible Duplicate: How can I determine what font a browser is actually using to

  • 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.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    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.

    • 0