|
Posted by Zenobia on July 9, 2004, 5:07 pm
Please log in for more thread options
Is there a problem with the CSS font-family property with IE6 -
or is it my understanding of the font-family property?
I was under the impression that the browser tried to use the
first font. If it couldn't find that font it used the next on
the list and so on. If it couldn't find any on the list, prior
to the last it would use the last - which, as you can see is
sans-serif here.
When I use the following style I get what I think is the default
system font - which is a SERIF font. Note that all the fonts in
the list below are SANS-SERIF.
Is this an IE bug or am I mis-using the font-family property?
I running XP pro SP2 with this version of IE: IE
6.0.2800.1106.xpsp1
"Trebuchet MS" and Verdana are both displayed without a problem.
+++ +++ +++ +++ +++
Here is my class definition. It's applied to <span> and <p>
+++ +++ +++ +++ +++
..dateSpan {
font-family: Shruti, "Trebuchet MS", Verdana, Arial,
Helvetica, sans-serif;
FONT-SIZE: 13px;
font-weight: bold;
color: #603eA2;
cursor: default;
background-image: url(http://eg/images/grid.gif);
width:120px;
margin-top: 0px;
margin-bottom: 0px}
+++ +++ +++ +++ +++
|
|
Posted by Neal on July 9, 2004, 12:19 pm
Please log in for more thread options
wrote:
> Is there a problem with the CSS font-family property with IE6 -
> or is it my understanding of the font-family property?
>
> I was under the impression that the browser tried to use the
> first font. If it couldn't find that font it used the next on
> the list and so on. If it couldn't find any on the list, prior
> to the last it would use the last - which, as you can see is
> sans-serif here.
>
> When I use the following style I get what I think is the default
> system font - which is a SERIF font. Note that all the fonts in
> the list below are SANS-SERIF.
>
> Is this an IE bug or am I mis-using the font-family property?
>
> I running XP pro SP2 with this version of IE: IE
> 6.0.2800.1106.xpsp1
>
> "Trebuchet MS" and Verdana are both displayed without a problem.
>
> +++ +++ +++ +++ +++
> Here is my class definition. It's applied to <span> and <p>
> +++ +++ +++ +++ +++
>
> .dateSpan {
> font-family: Shruti, "Trebuchet MS", Verdana, Arial,
> Helvetica, sans-serif;
> FONT-SIZE: 13px;
> font-weight: bold;
> color: #603eA2;
> cursor: default;
> background-image: url(http://eg/images/grid.gif);
> width:120px;
> margin-top: 0px;
> margin-bottom: 0px}
>
> +++ +++ +++ +++ +++
>
1) Need more info than this, please post URL to an example of the problem.
2) My guess is that there's a font element overriding the CSS declaration.
Can't know for sure.
3) While we're on the subject of fonts, px or pt is a poor choice for
screen. % is best - 100% being the user's preferred reading size. Change
width to ems too. And span is inline, while p is block - you do know the
difference, right? BTW 0 distances don't use a measurement - so not 0px,
but just 0.
I recommend simplifying the test case, remove all styles but the
font-family, and see if the problem is replicated. If so, post URL to test
case.
|
|
Posted by Neal on July 9, 2004, 12:27 pm
Please log in for more thread options
> Change width to ems too.
I meant % - though ems should be OK as well.
|
|
Posted by Els on July 9, 2004, 4:20 pm
Please log in for more thread options Zenobia wrote:
> Is there a problem with the CSS font-family property with
> IE6 - or is it my understanding of the font-family
> property?
>
> I was under the impression that the browser tried to use
> the first font. If it couldn't find that font it used the
> next on the list and so on. If it couldn't find any on the
> list, prior to the last it would use the last - which, as
> you can see is sans-serif here.
>
> When I use the following style I get what I think is the
> default system font - which is a SERIF font. Note that all
> the fonts in the list below are SANS-SERIF.
>
> Is this an IE bug or am I mis-using the font-family
> property?
>
> I running XP pro SP2 with this version of IE: IE
> 6.0.2800.1106.xpsp1
>
> "Trebuchet MS" and Verdana are both displayed without a
> problem.
>
> +++ +++ +++ +++ +++
> Here is my class definition. It's applied to <span> and <p>
> +++ +++ +++ +++ +++
>
> .dateSpan {
> font-family: Shruti, "Trebuchet MS", Verdana, Arial,
> Helvetica, sans-serif;
> FONT-SIZE: 13px;
> font-weight: bold;
> color: #603eA2;
> cursor: default;
> background-image: url(http://eg/images/grid.gif);
> width:120px;
> margin-top: 0px;
> margin-bottom: 0px}
>
> +++ +++ +++ +++ +++
Do you have it uploaded somewhere?
It could be an error in the stylesheet just before the a.m.
style, which would make this style not get read, or it could
be in your html somewhere.
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Now playing: Ofra Haza - Im Nin'alu
|
|
Posted by Zenobia on July 9, 2004, 7:17 pm
Please log in for more thread options
>Zenobia wrote:
>
>> Is there a problem with the CSS font-family property with
>> IE6 - or is it my understanding of the font-family
>> property?
>>
>> I was under the impression that the browser tried to use
>> the first font. If it couldn't find that font it used the
>> next on the list and so on. If it couldn't find any on the
>> list, prior to the last it would use the last - which, as
>> you can see is sans-serif here.
>>
>> When I use the following style I get what I think is the
>> default system font - which is a SERIF font. Note that all
>> the fonts in the list below are SANS-SERIF.
>>
>> Is this an IE bug or am I mis-using the font-family
>> property?
>>
>> I running XP pro SP2 with this version of IE: IE
>> 6.0.2800.1106.xpsp1
>>
>> "Trebuchet MS" and Verdana are both displayed without a
>> problem.
>>
>> +++ +++ +++ +++ +++
>> Here is my class definition. It's applied to <span> and <p>
>> +++ +++ +++ +++ +++
>>
>> .dateSpan {
>> font-family: Shruti, "Trebuchet MS", Verdana, Arial,
>> Helvetica, sans-serif;
>> FONT-SIZE: 13px;
>> font-weight: bold;
>> color: #603eA2;
>> cursor: default;
>> background-image: url(http://eg/images/grid.gif);
>> width:120px;
>> margin-top: 0px;
>> margin-bottom: 0px}
>>
>> +++ +++ +++ +++ +++
>
>Do you have it uploaded somewhere?
I can't give a URL because this is still being written.
>It could be an error in the stylesheet just before the a.m.
>style, which would make this style not get read, or it could
>be in your html somewhere.
If I make one modification on this line, from:
font-family: Shruti, "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
to:
font-family: "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
then it's OK. I checked and my machine doesn't not have the
Shruti font installed.
I will look into Neal's suggestions.
|
|
XML Sitemap