Html 自定义字体在webkit浏览器上不起作用

有人能帮我解决这个问题吗 我有这种字体：

@font-face {
    font-family: 'Museo500Regular';
    src: url('MuseoSans_500-webfont.eot');
    src: local('?'), 
    url('MuseoSans_500-webfont.woff') format('woff'), 
    url('MuseoSans_500-webfont.ttf') format('truetype'), 
    url('MuseoSans_500-webfont.svg#webfontr3rD8cn7') format('svg');
    font-weight: normal;
    font-style: normal;
}

这在webkit浏览器上不起作用，我不明白为什么。。。 O其他浏览器，如firefox或IE，它工作正常，但仅在webkit上渲染不好

这里有一个带有下拉菜单的测试页面示例，只需看看其他浏览器和google chrome上的字体即可

---

谢谢。

您对

@font-face

的CSS定义在第11行有一个通配符

}

（请参见

default.CSS

）。这可能会给您带来一些问题

---

另外，请，请，请不要在布局中使用

表格

我已经下载了你的MuseoSans_500-webfont.ttf。。看起来它不是一个有效的字体。。。或未正确上载到服务器上。。。再上传一次

或者转到以下链接并生成您的字体面css。。。

---

删除字体名称中的单引号，不需要单字体，它只需要多个字体

font-family: Museo500Regular;

---

在我看来，Chrome和Firefox的外观差不多。请记住，Chrome总是有垃圾字体渲染。但从我的观点来看，我怀疑是否有人真的会注意到这里的区别。Chrome中的跟踪范围稍宽，字母看起来更清晰，但除此之外，我看不出有什么区别。这是从一个旧项目中复制的，我知道这是不推荐的：）@RulerNature，请不要写“不工作”，特别是当它实际工作时，只是不是你喜欢的方式。另外，请解释我们在比较渲染时应该看到什么。如果有差异的话，很可能无法改变，但是有一个小的机会，它在某种程度上是印刷性质的，在CSS中可能会受到影响。nope不是来自于“}”。该示例是从一个旧项目复制而来的，只是为了了解渲染效果如何，在我的真实项目中，我没有用于布局的表格，也没有“}”。我有同样的印象，但我已经尝试使用fontsquirrel生成字体面工具包，但在chrome中渲染相同的字体：|

font-family: Museo500Regular;