What font is a page using? Any easy way to find out?

I am busy for a sunday afternoon, aren't I?

When I look at a webpage, if I want to know what font is being used on
the screen, is there a way to find out? Is the info held in a hidden
variable somewhere for example?

I know I can look into the code and or css and see the fonts
specified, but unless you happen to know exactly which font looks like
which how do you identify the on screen one?

Google? Really? Ok...

Mike Barnard wrote:

I am busy for a sunday afternoon, aren't I?

When I look at a webpage, if I want to know what font is being used on
the screen, is there a way to find out? Is the info held in a hidden
variable somewhere for example?

I know I can look into the code and or css and see the fonts
specified, but unless you happen to know exactly which font looks like
which how do you identify the on screen one?

Google? Really? Ok...

Firefox [Web Developer Bar|Firebug|DOM Inspector] for selected element
look at computed style, see the font list and note the first on to match
what you have on your system...

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

In article <6aaf6$47e673e1$40cba7af$27813 (AT) NAXS (DOT) COM>,
"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote:

Mike Barnard wrote:
I am busy for a sunday afternoon, aren't I?

When I look at a webpage, if I want to know what font is being used on
the screen, is there a way to find out? Is the info held in a hidden
variable somewhere for example?

I know I can look into the code and or css and see the fonts
specified, but unless you happen to know exactly which font looks like
which how do you identify the on screen one?

Google? Really? Ok...

Firefox [Web Developer Bar|Firebug|DOM Inspector] for selected element
look at computed style, see the font list and note the first on to match
what you have on your system...

For example, you open the website in FF, you have the Developer
installed. Choose Outline from one of the developer menus. It will tell
you in a little text string above the website where that item is, it may
be in body > #wrapper > #leftcol > #nav > ul > li so you would look to
see if there any font-family instructions in some of these ids or lis,
if not, where is it getting its font? Look at body maybe. Like that.

--
dorayme

dorayme wrote:

For example, you open the website in FF, you have the Developer
installed. Choose Outline from one of the developer menus. It will tell
you in a little text string above the website where that item is, it may
be in body > #wrapper > #leftcol > #nav > ul > li so you would look to
see if there any font-family instructions in some of these ids or lis,
if not, where is it getting its font? Look at body maybe. Like that.

The problem is with some folks stylesheets it is not always obvious this
what one element's style may be, with specificity and conflicting, or
just poorly composed rules. What you what is the computed style, what
you wind up with in the end. Better to trace the element in the DOM
inspector

body
+div
+div
+ul
+li
and view the computed style pane, the result can sometimes be surprising.

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

In article <39a10$47e7a99c$40cba7af$7993 (AT) NAXS (DOT) COM>,
"Jonathan N. Little" <lws4art (AT) central (DOT) net> wrote:

dorayme wrote:

For example, you open the website in FF, you have the Developer
installed. Choose Outline from one of the developer menus. It will tell
you in a little text string above the website where that item is, it may
be in body > #wrapper > #leftcol > #nav > ul > li so you would look to
see if there any font-family instructions in some of these ids or lis,
if not, where is it getting its font? Look at body maybe. Like that.

The problem is with some folks stylesheets it is not always obvious this
what one element's style may be, with specificity and conflicting, or
just poorly composed rules. What you what is the computed style, what
you wind up with in the end. Better to trace the element in the DOM
inspector

You are right.

--
dorayme