1

我在 Fontsquirrel 中使用 webfont 创建了一个网站。

@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; 
}

我像上面一样导入了eot、woff、svg、ttf文件。

实际上，它工作正常，但我看到了一些问题。

IE 似乎总是加载 eot 文件，但谷歌浏览器似乎无法预测地加载随机文件。

铬，在 MacOS 中

Chrome，在 MasOS 中，正常状态，但有时文本会变得更胖。

在此处输入图像描述

我猜渲染字体的差异是由加载不同的字体文件引起的，不是吗？

我该如何解决这个问题，只导入 eot 和另一种格式？

4

1 回答 1

0

我怀疑这种差异的真正原因仅仅是不同的操作系统以不同的方式呈现字体。相同的字体在 Windows、OS X 和 Linux 上看起来会略有不同 - 甚至在一个操作系统中，也会根据设置而改变（在 Windows 上，如果启用/禁用 ClearType，您可以看到这一点）。

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

于 2012-05-02T19:11:24.823 回答