By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,624 Members | 2,179 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,624 IT Pros & Developers. It's quick & easy.

Font inheritance - Opera, Mozilla and IE all different - which is right?

P: n/a
I have this in my style sheet:

..intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transparent;
margin-left:-0.1em;
padding:0px;
font-family:Georgia,Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

[no comments on the Comic Sans please, it's a temporary page just for
my daughter's birthday, and she really likes using that font]

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.
--
Pete Gray
while ($cat!="home"){$mice=="play";}
Jul 20 '05 #1
Share this Question
Share on Google+
3 Replies


P: n/a
On Thu, 23 Oct 2003 16:15:58 +0100, Pete Gray wrote:
I have this in my style sheet:

.intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transparent;
margin-left:-0.1em;
padding:0px;
font-family:Georgia,Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

[no comments on the Comic Sans please, it's a temporary page just for
my daughter's birthday, and she really likes using that font]

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.


Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.

Incidentally, I think there's a new version of Opera out, if you like
upgrading :-)

The 'p' shouldn't make any difference in this case (assuming it's a <p>
in the HTML).

Mozilla is generally the best, and the support for :first-letter isn't
that great in any case.

Happy birthday to your daughter.

--
Matt
-----= Posted via Newsfeeds.Com, Uncensored Usenet News =-----
http://www.newsfeeds.com - The #1 Newsgroup Service in the World!
-----== Over 100,000 Newsgroups - 19 Different Servers! =-----
Jul 20 '05 #2

P: n/a
On Thu, 23 Oct 2003 19:12:52 +0100, Matt <ma**********@hotmail.com>
wrote:
On Thu, 23 Oct 2003 16:15:58 +0100, Pete Gray wrote:
I have this in my style sheet:

.intro {
font-size:1.2em;
font-family:"Comic Sans MS", cursive;
letter-spacing:0.1em;
}
p.intro:first-letter {
color:#e90;
background-color:transparent;
margin-left:-0.1em;
padding:0px;
font-family:Georgia,Palatino,serif;
font-size:2.8em;
line-height:0.8em;
}

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.
Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.


Thanks for that. So it's Opera that completely screws it up. Not that
it's so crucial, I have a pretty relaxed attitude to display blips
like this.

Incidentally, I think there's a new version of Opera out, if you like
upgrading :-)
I may do, but at the moment I'm in love with Firebird (and I notice
that 0.7 is now out -- must pay more attention).

The 'p' shouldn't make any difference in this case (assuming it's a <p>
in the HTML).
It is...and that's where IE screws up, in a way that doesn't make a
whole lot of sense.

Mozilla is generally the best, and the support for :first-letter isn't
that great in any case.
Good enough for the simplistic uses I make of it. Nice to know what I
was expecting was correct.
Happy birthday to your daughter.


Thanks.

--
Pete Gray
while ($cat!="home"){$mice=="play";}
Jul 20 '05 #3

P: n/a
On Thu, 23 Oct 2003 19:12:52 +0100, Matt <ma**********@hotmail.com>
wrote:

The paragraph displays differently in Opera 7.01, MSIE 6 and Mozilla
1.4. In Opera the whole paragraph is in Comic Sans (font-family for
the first-letter is ignored); in Mozilla first-letter is serif and the
rest Comic Sans; and in IE first-letter is serif and the rest is
sans-serif (the default for the page), but removing the 'p' from the
first-letter style makes IE display the same as Mozilla.

Which browser is displaying correctly? Mozilla displays what I
expected, but it wouldn't be the first time I've been mistaken.


Mozilla, AFAICT.

The first letter should be in Georgia, the rest Comic Sans.

Incidentally, I think there's a new version of Opera out, if you like
upgrading :-)


Yes, it works OK in the new Opera 7.21. One or two other CSS
bugs/restrictions also seem to have been cured, compared to 7.11. The
7.0x versions were a bit iffy by Opera standards, so IŽd recommend
upgrading.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Jul 20 '05 #4

This discussion thread is closed

Replies have been disabled for this discussion.