字体被火狐和铬侵蚀答案

【问题标题】：font eroded with firefox and chrome字体被火狐和铬侵蚀
【发布时间】：2011-12-02 16:40:26
【问题描述】：

我在 windows 上的 Firefox 和 chrome 中遇到了非系统字体的问题。这种字体是Corbel。在 Windows 上使用 Safari 和 Explorer 是可以的，在 Mac 上使用 firefox 和 Safari 也可以，但是在 windows 上使用 firefox 和 Chrome 时，字体会被侵蚀和扭曲。我不知道为什么...我尝试将字体粗细和字体样式设置为正常，但没有任何改变！字体是用 font-face css 插入的。这里是 css 的代码..

#menuWrapper ul li a {
font-family: 'Corbel';
color:#838484;
font-size:10px;
line-height:10px;
text-decoration:none;
}

谢谢！！！

【问题讨论】：

我们可以看到一个示例的链接吗？
对不起，在网站上线之前我无法公开任何内容..
您可以在某处发布示例，而不会影响您正在处理的网站的匿名性。
还有，只是Corbel，还是其他网络字体也有同样的问题？
只是 Corbel，网站上还有其他非系统字体，效果很好！也许是字体问题？！

标签： css fonts cross-browser

【解决方案1】：

您可能想要使用 CSS3 的 @font-face 属性。

@font-face 
{ 
    font-family: Corbel; src: url('Corbel.otf'/*whatever ext*/); 
} 

myElement
{ 
    font-family: Corbel, sans-serif; 
}

使用这将确保您的自定义字体是从您的域加载的并且能够被调用。确保字体的路径也正确。

【讨论】：

是的，我只是用这个，但是字体被腐蚀了，我不知道为什么。我的网站上有其他非系统字体，但它们工作得很好……只有这个有问题！！可能是字体损坏或其他原因？
你能提供一些正在发生的事情的截图吗？
尝试在 windows 机器上重新安装字体。我曾经在乔治亚州遇到过这个问题，它被真正丑陋的东西所取代。
是的！我尝试将 font-squirrel 生成器与另一种 Corbel 字体一起使用，现在效果很好！谢谢凯尔！！

【解决方案2】：

尝试单独复制字体文件并与@font-face一起使用这是一个tutorial 来做到这一点。

【讨论】：

我只使用 font-face，这里的代码：@font-face {font-family: 'Corbel';src: url('Corbel.eot');src: local('☺' ), url('Corbel.woff') 格式('woff'), url('Corbel.ttf') 格式('truetype'), url('Corbel.svg') 格式('svg');字体粗细：正常；字体样式：正常；}
您可以检查 Firebug 以查看正在加载的 Corbel.* 文件之一。将其与看起来不错的浏览器进行比较。

【解决方案3】：

我没有设置 Windows 机器来测试它，但你可以试试

text-rendering: optimizeLegibility;

它对 Mac 机器没有影响，因为 Mac 具有固有的文本渲染功能。

https://developer.mozilla.org/en/CSS/text-rendering

【讨论】：