Question

我正在建立一个网站，我正在使用自定义字体。字体不是@ 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中，他们看起来都很好看。

谢谢！

Answer 1

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

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

Answer 2

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

字体导入字体使特殊字符看起来很难看

2 个答案: