Forum Moderators: not2easy
I have recently created a website which uses a style sheet to define fonts.
The font used is Times New Roman (clients choice)
On all the PC browsers it displays fine but on
Safari (MAC) it shows as a serif font rather than a sans serif font.
Any ideas on why and how to fix this problem as
the clients want it to look the same across both platforms.
You can use a font-family to specify various fonts:
body *{
font-family: Roman,"Times New Roman", serif;
}
the clients want it to look the same across both platforms.
I think it's time for some client education - this is not print, it's the web and rendering cannot be so tightly controlled. The only way to achieve the exact same look cross-platform is to use images instead of fonts -- and then the search engine spiders can't see the text, so your sunk.
It's just a fact that different platforms (and even different machines running the same platform) have different sets of fonts available.
When it comes to serif fonts, Georgia is quite widely distributed on the Macintosh platform. In fact, I've had very nice cross-browser results with a serif font list that completely ignores TNR:
font-family:Georgia,Book Antiqua,Palatino,serif;
One reason that group works out nicely is that for quite a few years there has been a Windows version of Georgia installed on new PCs.
