How to see what font is used on an HTML website with CSS ?

[clemencek]

Hello,
I know this will sound basic to most of you but I would very much value your help. I wonder how I can find out what is the font used for a website and its size. I know I can see the source, but what if the style is only given by a "span" command and the style is defined in an CSS file elsewhere ?

For instance the current text font of this website: http://www.designobserver.com/
or that:
http://www.pour-politis.org/spip.php?article694

Thanks, thanks, thanks if you can tell me
(quickly if possible but I'm still interested even if it's in a while !)

 

[vandozza]

install the FireBug addon for Firefox, and you will able to select the area and see the css.

 

[angelwatt]

An alternative to Firebug is a add-on for FF called "Web Developer." It gives you another toolbar, and from that you can go to CSS > View Style Information and then just click on the elements you want to find out about.

 

[design-is]

Or you can go to 'view'>'page source' and look for something like this near the top:

<link href="http://designobserver.com/style08.css" type="text/css" rel="stylesheet" media="all">

Which is a link to the external style sheet where you can see all the styles used.