Font Awesome icons not working in OSX Safari

Question

My font-awesome icons are working fine in Firefox and Chrome, but in Safari I just see blank space for some of them but not others. Screenshot:

Answer 1

There may be another issue at play--I was having a similar issue where a custom-generated icon set (using Font Custom) would display in Chrome, Firefox, and some versions of Safari, but no versions of iOS. I made sure I had no popup blockers enabled, but still was experiencing the issue.

Through a bit of research, I found that adding this property to the icon font's CSS fixed the issue:

text-rendering: optimizeLegibility;

After this property was added, rendering in all browsers worked fine.