Topic: Safari ignoring styling for certain tags!

Hello Everyone!

Today I am having a battle with Safarri trying to get a site I am working on looking good in it.
For some reason, a .htm file containing the below code uploaded to two different testing servers tested with different Safarri versions with the styling inline or in a seperate css file shows black, non-papyrus text. Any ideas?

<h3 style="font-family: papyrus; font-color:#0066CC;">Sample Heade:</h3>

If I can't get this to work, I'll have to convert all the text on my site to images...

Thanks,

-Robur

.html, not .htm

separate, not seperate

font-family: papyrus, sans-serif;, not font-family: papyrus;

color: #0066cc;, not font-color:#0066CC;

...and then, of course, there's that little matter of (my guess) 99.9% of all computers' operating systems' desktop environments not having that font installed by default, thereby making the entire exercise pointless. Use images.

(Edited by reisio on 11-07-2005 21:23)

OKAY, okay... :-)

I had a LONG font-family reversion trail AND was planning to use a font definition file, but simplified it to isolate the problem..... Why #0066cc, or .html?

And Yet it seems that a genius like your self would understand all the accessibility problems associated with images.

-Robur

quote:

---

robur said:

Why #0066cc

---

You misunderstand -

quote:

---

reisio said:

color: #0066cc;, not font-color:#0066CC;

---

the property is "color" not "font-color". That is why you are not getting the color you want.

I would have to guess you are not getting the font you want because it is not installed on the machine.

The color was trivial, it's just an example.

Papyrus DEFINITLEY IS installed on my machine. To prove it,

<p style="font-family: papyrus;">Sample Paragraph:</p>

Works as expected.

For some reason, Safarri "overrides" css styles for certain elements (a:hover and h3 have been noticed so far).

Has anyone else experienced this, or found a workaround (doctype = "override overrides" or something?)

Thanks,

-Robur

For refrence, I got a testing server set up at:

http://rmd.allthingsinteresting.com/index.ati

Thanks,

-Robur

I figured it out!

It had nothing to do with overrides, but rather with the font itself.

* Notice to anyone battling with Safarri's strange font handling *

If you apply formatting (bold, italic) to papyrus, Safari doesn't understand it, and reverts (not to the next font in the font-family), but to it's default font!

I solved my problems from removing all <h3 tags with <p class="h3, and using conditional comments in my css sheet to keep safarri from ever seeing font-weight:bold;

Hope this helps some one else!

-Robur