2

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

谢谢!

4

2 回答 2

3

特殊字符不是 Colaborate 字体的字符,它们来自我想的后备字体。

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

于 2012-04-10T13:23:43.980 回答
0

我看到您的字体集不包含那些特殊字符,为此浏览器使用您的默认字体系列。你应该选择一个支持它们的集合。

于 2012-04-10T13:22:54.213 回答