Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Potential issue with Safari and display of bold text Web Browsers
We are trying to design a website and noticed the bold tags (<b>) don't seem to be working in Safari (Internet Explorer is fine). We also noticed that other sites do seem to use bold in Safari, though.

After a little digging, I found that to use bold tags in Safari, you must specify a font face that supports bold. Look in Safari's Preferences, Appearance Tab. Click the Select button next to the font and notice that the default Geneva font doesn't support the bold typeface.

So when developing webpages that use bold, either specify a different font or make sure you change the default font in your preferences.

[robg adds: I'm publishing this hint in the hopes that someone can confirm it. In my limited testing, it didn't seem to cause problems when I specified Geneva on a simple test page, but a friend experienced just what was described here - no bold text until he switched to a font face that supported bold. Can anyone confirm (or even expand!) on this potential problem?]
    •    
  • Currently 2.80 / 5
  You rated: 4 / 5 (5 votes cast)
 
[11,112 views]  

Potential issue with Safari and display of bold text | 9 comments | Create New Account
Click here to return to the 'Potential issue with Safari and display of bold text' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Potential issue with Safari and display of bold text
Authored by: cynomyso on Mar 24, '03 10:01:23AM

I have experienced this. I was setting up styles for a web site and I listed Zapfino as the first font with some other more common fonts following. I figured that it would be a fun font to display for OS X users. It worked in every browser except Safari. Because I had also set that style to be bold and Zapfino did not have bold, it went down the list to the first font that did have bold (Georgia, I think). As soon as I turned bolding off, I was able to get Zapfino.



[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: Maserati on Mar 24, '03 12:22:36PM
Well, well, well. I was wondering why I wasn't getting styled type ! Thgis definitely seems to be happening., I just switched to a font that has all its styles, and everything is rendering normally.

[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: convergency on Mar 24, '03 01:35:44PM
Actually, there is a whole string of issues with fonts and Safari. It would be worthwhile for you to check out:

Anti-Aliasing
Anti-Anti-Aliasing

And Dave Hyatt's responses and his further responses

[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: werikblack on Mar 24, '03 02:09:24PM
I'd highly recommend moving to cascading style sheets. Many classic tags are now depricated, so CSS is replacing these. The following tags are now considered depricated by the World Wide Web Consortium (W3C): applet, basefont, center, dir, font, menu, s, strike, u. Check out W3Schools for more info. More are sure to follow, but text formatting is a lot easier once you start using CSS anyway.

[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: rocketpress on Mar 24, '03 04:18:19PM

That's true, CSS is a much better way. But how do I convince the client that the people who visit their site with netscape 4.5 or so (around 40% of their traffic) are used to things looking strange...



[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: aranor on Mar 24, '03 03:34:48PM

The problem is Safari uses simply the available fonts, and if there is no bold version of a font then it can't display it in bold.

Geneva has no bold version, so Safari can't display a bold Geneva.

CSS is a good suggestion, but that doesn't fix this problem.

Yay Safari Snippets Editor in the Debug menu :D



[ Reply to This | # ]
Potential issue with Safari and display of bold text
Authored by: ncianca on Mar 25, '03 01:08:09AM

Safari is a Cocoa app, so it requires that the actual font style (e.g. bold, italic) be available for rendering. This is true of any Cocoa app. You can test this if you open up Simpletext and use LucidaGrande as a font, you will only be able to use regular and bold but not italic. Other browsers, such as MSIE use Carbon api's which use a different rendering model (QuickDraw) to display the text. It's a limitation in Cocoa apps, but I personally don't mind because the fonts render much better in Cocoa then Carbon.

If you are designing web pages, you should make sure that the appropiate font styles exist for OSX users (e.g. using Helvetica for italics if your page defaults to LucidaGrande).



[ Reply to This | # ]
Also issues w/ lines
Authored by: WAW401 on Mar 25, '03 06:56:36PM

We're an accountancy firm that uses Mac OS X client to serve-up Excel exported html files (controlled through a privilege system running on Apache, PHP & MySQL .. not that it has any bearing).

I haven't examined in depth Excel's html export code (MS likes to create more style definition than content ... I think that has to do with each Excel cell having its own style), but Safari doesn't show normal border lines exoprted by Excel, only thick border lines. The Excel export uses both, and the users who don't know any better see all lines (Explorer users) so it's no big deal. Just thought I'd mention it.



[ Reply to This | # ]
try different font SIZES
Authored by: jason mark on Mar 31, '03 08:00:17PM

There are known display issues where bold does not appear with different fonts at different sizes. For example smaller Arial text doesn't appear bold on the screen, but will print bold.
I've noticed this in programs such as Word and EXCEL. Try making your font smaller. I'm not sure if this is a limitation in OSX, but I think more likely it has to do with the fact that you can only have text be so small and fit on the screen.



[ Reply to This | # ]