我目前正在构建一个使用自定义字体的网站。该字体不可用@google 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 中,它们的字体看起来都很好。
谢谢!