字體表面導入的字體使特殊字符看起來很難看

我目前正在建立一個網站，我正在使用自定義字體。字體不是@谷歌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