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

Discussion in 'Web Design and Development' started by clemencek, Mar 17, 2009.

  1. clemencek macrumors newbie

    Joined:
    Mar 17, 2009
    #1
    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 :eek:
    (quickly if possible :rolleyes: but I'm still interested even if it's in a while !)
     
  2. vandozza macrumors 6502a

    vandozza

    Joined:
    Jun 14, 2006
    Location:
    Australia
    #2
    install the FireBug addon for Firefox, and you will able to select the area and see the css.
     
  3. angelwatt Moderator emeritus

    angelwatt

    Joined:
    Aug 16, 2005
    Location:
    USA
    #3
    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.
     
  4. design-is macrumors 65816

    design-is

    Joined:
    Oct 17, 2007
    Location:
    London / U.K.
    #4
    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.
     

Share This Page