@字体面问题，铬

我用Museosans500字体与下面的语法@字体面问题，铬

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

它在Firefox中工作正常，但它在Chrome中正确显示的字体。

来源

2011-06-13 Bhasu

这是一个fontsquirrel执行权？并且定义不正确，是不是加载或者字体看起来波涛汹涌？ – 2011-06-13 12:55:51

字体正在加载，但看起来不稳定。 – Bhasu 2011-06-13 12:57:32

你不能指望所有浏览器的字体看起来完全一样，但通常字体通过FontSquirrel看起来很适合Chrome浏览器 - 你可以尝试另一种字体，看看你是否仍然遇到samme问题？ – 2011-06-13 13:01:27

这可能是由于您在Windows上运行的Chrome版本。我知道Chrome 10的@ font-face渲染不太顺畅。请拍摄截图并与我们分享，然后可能更新您的浏览器，拍摄另一张截图并进行比较。

祝你好运！

来源

2011-07-06 13:57:05 Mushon

我不确定你遇到了什么问题，但这个网站http://seanmcb.com/typekit/webkit-antialiasing-test.html给出了webkit bug的测试用例的一个很好的结果，这可能是你正在经历的。

我在我自己的网站上看到了反锯齿问题，我将尝试伪元素技巧。该站点描述的错误：“在Mac上的Webkit浏览器中，@ font-face字体会使用之前呈现的文本正在使用的任何反锯齿设置进行渲染。”

接下来，很高兴看到webkit是否有针对此问题的缺陷。

来源

2011-07-12 20:11:45

在这里跟踪webkit的bug：https：//bugs.webkit.org/show_bug.cgi？id = 28915 – 2011-07-12 20:22:40

这现在已经修复在webkit中（上面被标记为重复）：https：//bugs.webkit.org/ show_bug.cgi？ID = 67996 – pents90 2011-10-13 20:11:31

将SVG格式放在CSS上所有其他格式之前。

来源

2012-07-12 21:12:38 Cthulhu

是的，这是正确的 - 请确保您先定义SVG，否则Chrome将使用它来显示字体，并且这看起来会锯齿状。通过首先确定Chrome会使用其中一个较新的定义来显示字体。

来源

2012-12-18 18:22:30

@字体面问题，铬

回答

相关问题