Forum Moderators: not2easy
So my question is simply this: how can we as web designers force Safari to not render all the text as bold? Telling visitors to adjust their browser is obviously not an acceptable answer to this dilemma.
- John
I'm also a web designer and I've never had any issues with Safari text.
The only thing I can think of is that you are referring to the anti-aliasing on a Mac and also Vista as opposed to XP and earlier Windows systems.
I then downloaded the latest version of Safari and the text was no longer bold - it worked for me. I also looked at Google's home page in Explorer, Firefox and Opera, all of which were slightly different, with Firefox and Opera being noticeably lighter than Explorer.
Presumably you have tried changing the Font Smoothing settings in Edit > Preferences.
The text in Safari on my installations of Windows XP is not bold.
I don't care if other people say it is.
To quantify this, text appears "half-bolded" as compared to truly-bold text in the reference browsers -- The normal text in Safari is bolder than "normal" in the reference browsers, but not as bold as {font-weight: bold;} text in the reference browsers.
So the effect is not imaginary, but rather something that apparently varies from system to system. This kind of variation among systems and software is quite common, and this should be borne in mind by those who think that JAB is just making it up...
Jim
I'm looking at this page in both FF and Safari (on a mac), and tere;s is next to no difference between them.
Not caring what people using the browser think is the way to make sure they never return to you, never give you a link or any good you might hope for.
You may try this: [24ways.org...]
or
[themechanism.com...] use a Safari CSS hack/javascript with font-weight.
[edited by: Xapti at 7:39 pm (utc) on Mar. 30, 2008]
The fonts in IE seem heavier now that I think about it though my system's levels of adenosine are high so I'm going to go to sleep early... uh really early. :)
- John
<--EDIT-->
I was that intrigued that I took a quick look at some of my test machines and VMWare installations (most set to default install settings) and I really can't get any version of Safari, from version 2 upwards, to show text any bolder than any other browser.
Safari has lots of issues, but I can't reproduce this one.
I can only guess that it's a combination of factors on different people's machines. I would look at font 'conflicts' as a starting point. Safari can be somewhat sensitive in this area.
To remove the auto-smoothing, place...
text-shadow: #000000 0 0 0px; ...in the objects CSS properties that you wish not to auto-smooth, and Safari will behave like any other browser.
(Edit: As a side note, I registered on this forum only hoping to help you folks out, and will certainly contribute further if I see a need.)
(Edit2: After further further review, it looks like my solution may have already been someone else's solution... Drat!)
Cheers!
[edited by: JohnJamesJacoby at 7:48 pm (utc) on July 27, 2008]
[edited by: tedster at 4:25 am (utc) on July 30, 2008]