Embedded Helvetica Bold is rendering ugly

Question

I couldn't get @font-face to work within a jsfiddle, so I just have a picture, to show you. This is how Helvetica Bold renders for me in every browser:

I uploaded it to my server and embedded it this way:

@import url("//hello.myfonts.net/count/28cb34");

@font-face{
    font-family: 'HelveticaNeueCE-Bold';
    src: url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.eot');
    src: url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.eot?#iefix') format('embedded-opentype'),
         url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.woff') format('woff'),
         url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.ttf') format('truetype');
}

The page in question is this one: http://www.sebastianstarke.com/portfolio/

In the example file, that came with the font it looks the same, but my client says, on his computer (A Mac) it looks OK. I'm using Windows, the font is from myfonts. I got it from my client, he says, he bought it a few weeks ago.

Answer 1

I had exactly the same problem with Helvetica in Chrome in Windows PC:

    <h1 style="font-size:41px;font-weight:700;font-family:Helvetica">
    Your aktu Will Fiskeshop aktakakak
    </h1>

https://codepen.io/TheJesper/pen/vYXNgaV

I solved it by uninstalling all local versions of the font. Maybe you have a local copy of the font that don't quite matches your preferred style (font-size, font-weight, font-style).

➡ Try and uninstall this font completely (both Helvetica and Helvetica Neue) and restart your computer. I had to use Delete.On.Boot since it was in use:

https://www.majorgeeks.com/files/details/delete_on_reboot.html

In this way your computer will "match" the setup of most Windows users. The Mac version of the font is pre-installed and should work smoothly for Mac Users...

If this doesn't help you, then try to find another version of the Helvetica Neue Web font and see if there are any difference. On fonts.com you can enter your own custom text:

https://www.fonts.com/font/linotype/neue-helvetica