font-face problems in all browsers

So I have some problems with Helvetica Neue, if I set the font-size to 15px it will work, but if it's bigger开发者_如何学Go than 16 or so...it looks....kind of weird.

Here you can see, how it should look like: http://screencast.com/t/hmK7dvzKt3ch

And here you can see the problem: http://latest-mtv.net/evidence/page2.php

Any solutions?

Best Regards,

---

The screen shots have expired but it sounds very much like something I've often seen before.

Visit cloudconvert.com and convert your font to a .woff file. Either from your site resources (.svg?) or find the .ttf on your system. Save the .woff file in your website root folder, somewhere. In the css create a font-face entry:

@font-face
{
 font-family:'myawesomefont';
 src:url('../<path to .woff file>/convertedhelvneue.woff') format('woff');
}

Add the following line to the css selector:

.myawesomeclass
{
  font-family:myawesomefont;
  font-size:16px;
}

Once it's working, you might like to look into licences before you publish your work. I hope this helps.