Why is my font not rendering correct / fuzzy - is there a way to fix this?
<p>I am using various versions of Halvetic on this website. For some reason they all display fine, except for one which is fuzzy. I have noticed that one some browsers it is better or worse - however, on my iPhone it is really crisp and perfect?</p>

<p>Are there any suggestions on how I can get this font to display correctly in modern browsers on a desktop (chrome/firefox etc)?</p>

<p>This is what I see:
<a href="https://i.stack.imgur.com/fu8i4.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/fu8i4.png" alt="screenshot of fuzzy font rendering"></a></p>

<p><strong>URL: <a href="http://52.64.135.79/wordpress/company-overview/" rel="nofollow noreferrer">http://52.64.135.79/wordpress/company-overview/</a></strong></p>

<p>Relevant CSS rules I can see are as follows. Is there something I can do to fix this?</p>

<pre><code>h4, .h4 {
    line-height: 21px;
}
h4, .h4 {
    font-size: 16px;
}
h4, .h4 {
    font-weight: 700;
}
h4, .h4 {
    font-family: "Helvetica Neue LT W01_55 Roman", sans-serif !important;
    margin-bottom: 5px;
    padding: 5px 0 0;
    letter-spacing: 0.00em;
}

body {
    -webkit-font-smoothing: antialiased;
}
</code></pre>