【发布时间】：2012-12-28 09:33:27
【问题描述】：
我在 Windows 系统上的 Firefox 和 Chrome 中出现字体渲染问题。 这是字体：
@font-face {
font-family: 'Museo500';
src: url('../fonts/museo500/MuseoSans_500-webfont.eot');
src: local('?'),
url('../fonts/museo500/MuseoSans_500-webfont.woff') format('woff'),
url('../fonts/museo500/MuseoSans_500-webfont.ttf') format('truetype'),
url('../fonts/museo500/MuseoSans_500-webfont.svg#webfontr3rD8cn7') format('svg');
}
这是一个输入类：
input {
font-family: Museo500, sans-serif;
letter-spacing: 0;
color: #ff0000;
margin: 0px;
padding: 10px;
font-size: 20px;
font-weight: normal;
}
我无法理解如何在 IE8 上很好地呈现字体，而在 Firefox 和 Chrome 上字体无法正确呈现。如果有人可以给我一个建议，我将不胜感激。 或者也许是替换 museo500、museo700 的字体。 谢谢。
【问题讨论】：
-
关于@97ldave 的回答 - 你可以通过他们的 url 访问字体文件并确保它是扩展问题。
-
@Kamo 不是 url 问题，我通过移动最后一个 svg 队列来修复 chrom，现在在 webkit 浏览器上运行良好，我必须看看如何在 firefox 上修复它
-
我认为 Firefox 中存在一个错误，即文件不必与 CSS 文件位于同一文件夹中。我之前遇到过这个问题，但不确定 Firefox 是否已修复。
-
意思是“字体”文件，而不是“不要”文件
-
是的，@font-face 有一些问题——我在使用这条规则实现多种字体时也遇到了很多问题。我可以建议你 cufon.shoqolate.com/generate 渲染自定义字体，也许你想尝试一下来解决你的问题。