字体表面导入的字体使特殊字符看起来很难看

我目前正在建立一个网站，我正在使用自定义字体。字体不是@谷歌webfonts，所以我不得不下载字体并通过@fontface加载它。字体表面导入的字体使特殊字符看起来很难看

我从我下载字体的网站的例子中使用了标记。链接的字体 - http://www.fontsquirrel.com/fonts/Colaborate

继承人的CSS标记

@font-face { 
font-family: 'ColaborateRegular'; 
src: url('ColabReg-webfont.eot'); 
src: url('ColabReg-webfont.eot?#iefix') format('embedded-opentype'), 
    url('ColabReg-webfont.woff') format('woff'), 
    url('ColabReg-webfont.ttf') format('truetype'), 
    url('ColabReg-webfont.svg#ColaborateRegular') format('svg'); 
font-weight: normal; 
font-style: normal; 

}

字体工作正常的网页，但去的问题。我需要使用瑞典语特殊字符ÅÄÖ - 并且他们在网页上显得非常怪异。

继承人图像 http://oi44.tinypic.com/2r4tmo0.jpg

怎么可能是什么问题？在我从设计师那里收到的photoshop中，他们都看起来很棒。

谢谢！

来源

2012-04-10 Fruxelot