自定义字体不工作的WebKit浏览器

有人可以帮我解决这个问题：我有这个字体：自定义字体不工作的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浏览器工作，我不明白为什么... Ø其他浏览器，如Firefox或IE浏览器工作得很好，但只有在webkit上渲染不好。

这里你有一个测试页面上的下拉菜单的例子，只需看看其他浏览器和谷歌浏览器的字体为例。

http://mainpage.ueuo.com/

感谢的。

来源

2012-10-25 RulerNature

看上去只有个在Chrome浏览器中与Firefox相同。请记住，Chrome已经有了废话字体渲染功能。但从我的观点来看，我怀疑有人真的会注意到这里的区别。 Chrome中的跟踪功能稍宽一些，字母看起来更清晰，但除此之外我没有看到任何区别。 –

这是从一个旧项目复制，我知道已弃用:) – RulerNature

@RulerNature，请不要写“不起作用”，特别是当它实际工作时，而不是你喜欢的方式。同时请解释我们比较效果图时应该看到的内容。这种差异如果存在的话，可能是不可能改变的，但是这种排版性质有一小部分可能会受到CSS的影响。 –

您的CSS定义为@font-face在第11行有一个狂野的}（请参阅default.css）。这可能会导致你一些问题。

此外，请，请不要使用table为您的布局！

来源

2012-10-25 11:10:32 BenM

不是来自那个“}”。这个例子是从一个旧项目中复制出来的，只是为了看看你是如何渲染的，在我的真实项目中，我没有用于布局的表格，而我没有这个“}”。 – RulerNature

我已经下载了您的MuseoSans_500-webfont.ttf ..看起来像它不是一个有效的字体......或者服务器上没有正确上传...你重新上传...

还是去以下链接，并产生乌尔字体面三网融合 http://www.fontsquirrel.com/fontface/generator

@font-face { 
    font-family: 'Museo500Regular'; 
    src: url('museosans_500-webfont-webfont.eot'); 
    src: url('museosans_500-webfont-webfont.eot?#iefix') format('embedded-opentype'), 
     url('museosans_500-webfont-webfont.woff') format('woff'), 
     url('museosans_500-webfont-webfont.ttf') format('truetype'), 
     url('museosans_500-webfont-webfont.svg#_.regular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 

}

来源

2012-10-25 11:51:01 Gaurav

我有同样的印象，但我已经尝试生成字体与fontsquirrel工具包，但呈现相同的铬：| – RulerNature

在字体名删除单引号，不需要对单个字体，它只需要多种字体

font-family: Museo500Regular;

来源

2012-10-25 15:53:29

自定义字体不工作的WebKit浏览器

回答

相关问题