Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

9.5 css error h2 not inheriting font from body

0 views
Skip to first unread message

Jan van Gent

unread,
May 8, 2008, 2:52:21 PM5/8/08
to
I noticed some rendering differences between 9.5 and 9.27

Apparently 9.50 does not let H1, H2 etc tags inherit the font-family set
in body.

A quick view in the nice Dragonfly shows:
Default values:
h1 {
display: block;
font-size: 28px [inherited];
margin-top: 0.67em [overwritten];
font-family: "Times New Roman";
font-weight: 700;
margin-bottom: 0.67em [overwritten]
}

while in css
body {
font-family: "Century Gothic", Arial;
font-style: normal;}

Is this a bug?

You can see it here:
http://www.stadswandelingenamsterdam.nl/

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/

Jan van Gent

unread,
May 10, 2008, 5:46:21 AM5/10/08
to
On Thu, 08 May 2008 20:52:21 +0200, Jan van Gent
<janvan{away}ge...@zonnet.nl> wrote:

> I noticed some rendering differences between 9.5 and 9.27
>
> Apparently 9.50 does not let H1, H2 etc tags inherit the font-family set
> in body.
>
> A quick view in the nice Dragonfly shows:
> Default values:
> h1 {
> display: block;
> font-size: 28px [inherited];
> margin-top: 0.67em [overwritten];
> font-family: "Times New Roman";
> font-weight: 700;
> margin-bottom: 0.67em [overwritten]
> }
>
> while in css
> body {
> font-family: "Century Gothic", Arial;
> font-style: normal;}
>
> Is this a bug?
>
> You can see it here:
> http://www.stadswandelingenamsterdam.nl/
>

Is this a known CSS bug? (H1 not inheriting font-family from body selector)
or WIN related?

9.5 beta 2
WIN XP

Jan van Gent

unread,
May 14, 2008, 8:51:16 PM5/14/08
to
Someone else experiencing this bug? or is this not a bug?
css h2 not inheriting font-family from body selector

http://www.stadswandelingenamsterdam.nl

Jan

Nisse Engström

unread,
May 15, 2008, 4:57:23 AM5/15/08
to
On Thu, 08 May 2008 20:52:21 +0200, Jan van Gent wrote:

> I noticed some rendering differences between 9.5 and 9.27

They look the same to me (9.50b2 build 9945 on Windows 98SE).

> Apparently 9.50 does not let H1, H2 etc tags inherit the font-family set
> in body.
>
> A quick view in the nice Dragonfly shows:

I can't get Dragonfly to work here. The window selection
box is empty.

> Default values:
> h1 {
> display: block;
> font-size: 28px [inherited];
> margin-top: 0.67em [overwritten];
> font-family: "Times New Roman";
> font-weight: 700;
> margin-bottom: 0.67em [overwritten]
> }
>
> while in css
> body {
> font-family: "Century Gothic", Arial;
> font-style: normal;}
>
> Is this a bug?
>
> You can see it here:
> http://www.stadswandelingenamsterdam.nl/


What are your settings in Preferences > Advanced >
Content > Style Options > Presentation Modes ?

Is "My fonts and colors" checked under "Author mode"?


/Nisse

Rijk van Geijtenbeek

unread,
May 15, 2008, 5:02:09 AM5/15/08
to
Op Thu, 15 May 2008 02:51:16 +0200 schreef Jan van Gent
<janvan{away}ge...@zonnet.nl>:

> Someone else experiencing this bug? or is this not a bug?
> css h2 not inheriting font-family from body selector
>
> http://www.stadswandelingenamsterdam.nl

Yesterday I couldn't reach the site. Now I see that something goes wrong
with 9.5b2. The header font is fine and the same as the text font, but
everything is a bit bigger so text gets cuts off in the textboxes.

--

Rijk van Geijtenbeek
Opera Software ASA, Documentation & QA
Tweak: http://my.opera.com/Rijk/blog/

"The most common way to get usability wrong is to listen to what users
say rather than actually watching what they do." -- J.Nielsen

Jan van Gent

unread,
May 15, 2008, 11:28:05 AM5/15/08
to
On Thu, 15 May 2008 11:02:09 +0200, Rijk van Geijtenbeek
<ri...@opera-dot-com.invalid> wrote:

> Op Thu, 15 May 2008 02:51:16 +0200 schreef Jan van Gent
> <janvan{away}ge...@zonnet.nl>:
>
>> Someone else experiencing this bug? or is this not a bug?
>> css h2 not inheriting font-family from body selector
>>
>> http://www.stadswandelingenamsterdam.nl
>
> Yesterday I couldn't reach the site. Now I see that something goes wrong
> with 9.5b2. The header font is fine and the same as the text font, but
> everything is a bit bigger so text gets cuts off in the textboxes.
>

The font is not the same here, text is sans-serif, header is serif, can
see that quite clearly.

Info from DragonFly:
H2 font-family: "Times New Roman";
P font-family: "Century Gothic";

Another dive in Dragonfly shows this. (BTW I really like the way Dragonfly
is showing the working of the cascading styles)
h2 is inheriting from body, but is overwritten by default value

H2

default values
h2 {
display: block;
font-size: 22px [inherited];
margin-top: 0.83em [overwritten];


font-family: "Times New Roman";
font-weight: 700;

margin-bottom: 0.83em [overwritten]
}

inherited from body
style.css
body {
font-family: "Century Gothic", Arial [overwritten];
font-style: normal;
font-variant: normal;
font-weight: 400 [overwritten];
font-size: 11pt [inherited];
line-height: normal [inherited]
}


P

inherited from body
style.css


body {
font-family: "Century Gothic", Arial;
font-style: normal;

font-variant: normal;
font-weight: 400;
font-size: 11pt [inherited];
line-height: normal [inherited]

Jan van Gent

unread,
May 15, 2008, 12:11:39 PM5/15/08
to

>
> What are your settings in Preferences > Advanced >
> Content > Style Options > Presentation Modes ?
>
> Is "My fonts and colors" checked under "Author mode"?
>


Thx Nisse, that helped. Wonder how that got checked.

Still the rendering is different from 9.27, it's a bit bigger in 9.5, and
like Rijk said some text is cut off.

Only in 9.50, not in 9.27, FIrefox Safari or MSIE.

It's a rounding matter:
15px is set in body, .9em is set in div.
.9 X 15 = 13.5

9.27 -> 13px (and Firefox, etc)
9.50 -> 14px

Is this a bug?


Jan

0 new messages