글꼴을 가져온 글꼴을 사용하면 특수 문자가 보이지 않게됩니다.

현재 사용자 지정 글꼴을 사용하고있는 웹 사이트를 만들고 있습니다. 글꼴은 avaible @ google webfonts가 아니므로 글꼴을 다운로드하고 @fontface를 통해로드해야했습니다.글꼴을 가져온 글꼴을 사용하면 특수 문자가 보이지 않게됩니다.

글꼴을 다운로드 한 사이트의 예제에서 마크 업을 사용했습니다. 글꼴에 링크 - http://www.fontsquirrel.com/fonts/Colaborate

을 heres 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; 

}

글꼴은 웹 페이지에서 잘 작동하지만이 문제에 도착. 스웨덴 특수 문자 Å Ä Ö를 사용해야합니다. 웹 페이지에서 매우 이상하게 보입니다.

은을 heres 이미지 http://oi44.tinypic.com/2r4tmo0.jpg

어떤 가능성이 문제가 될 수 있을까? 포토샵에서 나는 디자이너로부터받은 글꼴을 모두 들여다 보았습니다.

감사합니다.

출처

2012-04-10 Fruxelot