Css 如何在各种浏览器和操作系统上使用适当的webfont保持一致性?

Css 如何在各种浏览器和操作系统上使用适当的webfont保持一致性?,css,fonts,web,typography,Css,Fonts,Web,Typography,我用Fontsquirrel中的webfont创建了一个网站 我像上面那样导入了eot、woff、svg和ttf文件 事实上,它工作得很好,但我看到了一些问题 IE似乎总是加载eot文件,但Google Chrome似乎不可预测地加载随机文件 铬,在马赛,一般情况下,但有时文本被渲染得更胖 我猜呈现字体的差异是由于加载了不同的字体文件造成的,不是吗 如何解决这个问题,只导入eot和另一种格式?我想,造成这种差异的真正原因只是不同的操作系统呈现不同的字体。同样的字体在Windows、OS X和

我用Fontsquirrel中的webfont创建了一个网站

我像上面那样导入了eot、woff、svg和ttf文件

事实上,它工作得很好,但我看到了一些问题

IE似乎总是加载eot文件,但Google Chrome似乎不可预测地加载随机文件

铬,在马赛,一般情况下,但有时文本被渲染得更胖

我猜呈现字体的差异是由于加载了不同的字体文件造成的,不是吗


如何解决这个问题,只导入eot和另一种格式?

我想,造成这种差异的真正原因只是不同的操作系统呈现不同的字体。同样的字体在Windows、OS X和Linux上看起来会略有不同,甚至在操作系统中,也会根据设置而变化(在Windows上,如果启用/禁用ClearType,您可以看到这一点)


基本上,像素完美的相似性在不同的平台上是不可能的。

不,差异在于操作系统。这是你不能做任何事情的。
@font-face 
{   
    font-family: 'Univers57Condensed';  
    src: url('/resources/fonts/univers-condensed-webfont.eot');     
    src: url('/resources/fonts/univers-condensed-webfont.eot?#iefix') 
    format('embedded-opentype'), 
    url('/resources/fonts/univers-condensed-webfont.woff') format('woff'),
    url('http://hcil.snu.ac.kr/~muclipse/resources/fonts/univers-condensed-webfont.ttf')
    format('truetype'), 
    url('/resources/fonts/univers-condensed-webfont.svg#Univers57Condensed')
    format('svg');  
    font-weight: normal;    
    font-style: normal; 
}