Question

我正在使用“Populaire”字体。我有一个奇怪的问题。

当我在笔记本电脑中查看字体时，字体清晰地形成而没有任何失真（在所有浏览器上）但是当在其他系统上看到相同时（并非所有系统都有），它开始出现扭曲（同样，所有浏览器）。我不确定什么会导致字体在某些系统中失真。请指教。这是我在代码中使用的CSS ..

@font-face {
font-family: 'Populaire';
src: url('font/populaire.eot');
src: url('font/populaire.eot?#iefix') format('embedded-opentype'),
     url('font/populaire.woff') format('woff'),
     url('font/populaire.ttf') format('truetype'),
     url('font/![enter image description here][2]populaire.svg#populaire') format('svg');
}

h1 {
font-family: 'Populaire','Helvetica neue',Helvetica,Arial,sans-serif;
font-size: 2em;
font-weight:lighter;
color: #ffffff;
background-color: #8D407C;
width:250px;
margin: 0;
padding: 0;
}

Answer 1

第二个屏幕截图中的类型显示时没有消除锯齿。这可能是因为第二台计算机没有启用Cleartype。

http://www.microsoft.com/typography/cleartype/tuner/step1.aspx

在Windows Vista中，默认情况下启用Windows 7和OSX Cleartype（或等效的抗锯齿引擎）。

如果没有抗锯齿功能，任何未明确暗示用于屏幕显示的字体都会出现“锯齿状”，因为它的曲线不能完全适合屏幕的像素网格。

字体在不同的操作系统/不同的机器上不一致

1 个答案: