Skip To Search Skip To Main Content

Font Display Issues in Safari and Google Chrome (Mac)

Description

Fonts in Safari and Google Chrome display incorrectly when I have Suitcase Fusion running.

Solution

Some Suitcase Fusion users have reported text rendering problems on certain websites while using Apple's Safari and Google's Chrome web browsers. If you're seeing font substitution, garbled fonts, incorrectly bold fonts, or hieroglyphics, then your web browser is confused and is displaying a font that is either currently active or was used recently, instead of the system font that the web page requested. There are several ways to address this issue:

1) Minimize your system fonts

First, minimize your system fonts by following the recommendations appropriate for your operating system:

Mac OS 10.11 aka "El Capitan"
Mac OS 10.10 aka "Yosemite"
Mac OS 10.9 aka "Mavericks"
 

2) Deactivate all "web-safe" fonts in Suitcase Fusion

If you have a Postscript version of a "web-safe" font (fonts commonly used on the web) active in the Suitcase Fusion "Font Library", then that can confuse your web browser. Deactivate the font and refresh your web page.

Web Safe Fonts:
Andale Mono
Arial Black
Arial Bold Italic
Arial Bold
Arial Italic Arial
Brush Script
Comic Sans MS Bold
Comic Sans MS
Courier New Bold Italic
Courier New Bold
Courier New Italic
Courier New
Georgia Bold Italic
Georgia Bold
Georgia Italic
Georgia
Helvetica
Helvetica Neue
Impact
Tahoma Bold
Tahoma Times
New Roman Bold Italic
Times New Roman Bold
Times New Roman Italic
Times New Roman
Trebuchet MS Bold Italic
Trebuchet MS Bold
Trebuchet MS Italic
Trebuchet MS
Verdana Bold Italic
Verdana Bold
Verdana Italic
Verdana
Webdings

Note: If you are a web developer or spend a lot of time on the web, then it makes sense to:
a) Remove the above "web-safe Fonts" from Suitcase Fusion
b) Copy them to [Macintosh HD]/Library/Fonts
c) Fonts placed here are activated by Mac OS X itself and will always be available for you across all web browsers with out needing an external font manager.

3) Clear System Font Caches

If text in your web browser still looks bad without web-safe fonts active in Suitcase Fusion, then choose Clean Font Caches from your font manager's File menu. This will purge your system font caches and restart your Mac.

4) Use the Chrome Font Changer Extension

Try using the Chrome Font Changer extension. It allows you to change fonts on a webpage on the fly, replacing garbled text with another font of your choosing from your Font Library. You can get a copy here: https://chrome.google.com/webstore/detail/font-changer-with-google/jgjhhoglgjdklldfgoffdiaceffijeke?hl=en

5) Use Firefox or another non-Webkit Browser

Use a web browser that does not use Apple's Webkit framework, such as Mozilla Firefox: Firefox, and tends to have less font-rendering issues.
Rating: 0 Votes 0 Yes Votes 0% voted yes
Was this answer helpful?
Provide Feedback on this Topic
Topic Information
  • Topic #: 58278-1139
  • Date Created: 10/20/2015
  • Last Updated: 03/03/2017
  • Viewed: 15721
Font Display Issues in Safari and Google Chrome (Mac)
! ! ! !

Topic 58278-1139

Font Display Issues in Safari and Google Chrome (Mac)