We recently launched a new website (backtothebible.org) designed by an outside company. The site uses Proxima Nova. The font renders great except for a few sizes on PC's. The issue--which is an irregularity of thickness in some characters--is visible at 24px (used by our H3 style) & other sizes close to that. The rendering issue is most noticeable in the lowercase e, s & a.

The web designer has tried everything they know to try, so I'd be thrilled if you had any advice. Thanks!

  • Have you thought about using a different font? – Mᴏɴᴋᴇʏ Oct 9 '14 at 19:40
  • Here's an example of a page where the H3 styles look pretty bad. Looks fine on Macs though! backtothebible.org/printable-studies – user31018 Oct 9 '14 at 19:53
  • Actually I'd disagree. It's a bit fuzzy on my Mac. It's appears to have uniform thickness, but it's not sharp unless I alter the page zoom (up or down). – Scott Oct 9 '14 at 19:54
  • 2
    I would also suggest editing the question with what you have tried.. Not trying to be rude but that assists in better answers because I will ask you the simple questions of: Have you tried replacing the font? How are you calling the font? Is this a hosted font? have you tested a hosted VS uploaded? What are the browsers the PCs you're testing in? – Mᴏɴᴋᴇʏ Oct 9 '14 at 19:58
  • 1
    Disabling text-rendering: optimizeLegibility !important; fixes the "fuzzy" aspect in Chrome/Mac for me. – Scott Oct 9 '14 at 20:01

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.