ansaurus

Question

Not able to determine Font and style in a page.

Answer 1

A:

You should definitely use the Firebug plugin for Firefox. Among other things it adds pect element" option to the contextmenu, so you can access all information by right-clicking an element.

If there is no font given via HTML and CSS, the displayed font will probably be your default browser/system font.

peter p 2010-01-06 11:14:19

Answer 2

+1 A:

there is a style specified

.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}

So i think it may be verdana.

But style2 is not specified anywhere style3 is defined for the td class so it might be Arial.

Use Firefox Addon - Firebug it will shows style sheets, js and also html

RSK 2010-01-06 11:15:14

Ah, you are right... of course, the HTML/XML style comment is not commenting the CSS inbetween, because we are inside a style section here, the only way to comment is using /* ... */

peter p 2010-01-06 11:17:42

This was my immediate thought, but looking more closely .style2 is not assigned to any element, only .style3 as CapSoft noted. Any element without the .style3 class will be using the browser default font for text (if there were any!)

Will Prescott 2010-01-06 11:26:20

Answer 3

A:

Do you mean programmatically via JavaScript, or using a browser tool?

Using a browser tool, the "computed styles" function in "inspect elements" in Firebug is a good bet, as the other answerers point out as well. It will give you something even if there was no font specified at all (in my case, "serif").

However, even the computed style gives you only the specified font-family and not the font actually used. As far as I know from my JavaScript attempts in that area, only IE returns those.

But I'm waiting for your reaction first before delving deeper into this - maybe the Firebug hint is already all you need.

Pekka 2010-01-06 11:16:52

No not programatically. Just using any tool. Actually the FONT Style code is commented there, then from where it is using FONT?

RPK 2010-01-06 11:24:34

I think the syntax highlighting is misleading you, I don't think HTML comments apply in CSS. I get Arial Unicode when checking out your example. With Firebug, you can see thatg the definition comes from the commented out area.

Pekka 2010-01-06 11:30:24

Answer 4

+1 A:

the only text i see has style3 firebug will show it too you it is 'Arial Unicode MS'

but why use .style3 in the css as selector when you can use:

table td{ 
    font-family: "Arial Unicode MS";
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

JP Hellemons 2010-01-06 11:17:42

Answer 5

+1 A:

The styles being applied are these two ..

body {
    background-color: #ECECEC;
}
.style3 {
    font-family: "Arial Unicode MS";
    font-size: 16px;
    line-height: 30px;
    color: #333333;
}

so the font-family is over-written by "Arial Unicode MS" ..

Observe everywhere style3 is being assigned as class to all the <td> tags and style2 is not being used anywhere ..

One thing you can do to get confirmed about my words .. Just delete .style2 .style3 and body styles in your code one by one and observe the changes in Browser ..

There are no lines commented .. To comment in CSS we use /* Comment line here*/
(for a quick reference) Here is a link for reference on comments

infant programmer 2010-01-06 11:44:01

Yes your answer is correct ..

infant programmer 2010-01-06 11:47:18

ansaurus

tags:

views:

answers:

Not able to determine Font and style in a page.

related questions