css - Font-face导入字体让特殊字符难看

Question

我目前正在建立一个网站，我正在为其使用自定义字体。该字体在@google webfonts 上不可用，所以我不得不下载该字体并通过@fontface 加载它。

我使用了来 self 下载字体的站点的示例中的标记。字体链接 - 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 中，他们的字体看起来都不错。

谢谢!

Answer 1

特殊字符不是 Colaborate 字体的字符，它们来 self 想的后备字体。

您需要确保来自 fontsquirrel 的包包含这些特殊字符。