css fonts.

How to find out what font is being used?

[adamnichols45]

I am forever seeing very nice fonts on websites etc.

Alot of the time I go into the source code but sometimes finding out what font has been used can be a nightmare.

Anybody care to share some helpful tips?

[rocknbil]

Are you seeing them in text or in images?

The reason I ask is, a browser will only display fonts, in text, that are installed on your system unless fonts are included and used for display when you visit a site (which is rare, and I've never done it, but it can be done.) So my point is, if you see a font you like, it's going to already be on your system - open a program and browse through your font list.

If the font is in images, it may be a little more difficult. My resources include a 5,000+ font library (not all installed, of course!) that I hit up to look for unique fonts, then start Googling if I can't find them there.

Font searching has got to be one of the most time consuming and often fruitless endeavors a designer can ever do. Usually I give in after half an hour or so and JUST PICK SOMETHING!

[longen]

The source code will likely show a .css file - copy/paste the content of the css into Wordpad and search for "font-family".

[phranque]

the web inspector in the safari browser and various plugins in the firefox browser such as firebug and web developer can be helpful in finding the style used for a specific element on a page.

[adamnichols45]

they are text! I will look into the plugins for sure. I find arial is to square looking the font I have found is more of a narrow rounded arial.

cheers guys

[adamnichols45]

firebug! wow very powerfull thanks for that phranque!