我使用的是“人气”字体。我有个奇怪的问题。
当我在笔记本电脑中查看字体时,字体格式清晰,没有任何变形(在所有浏览器上),但当在其他系统上看到相同的字体时(并非所有系统都有),它开始失真(同样,在所有浏览器上)。我不确定是什么原因会导致字体在某些系统中失真。敬请指教。下面是我在代码中使用的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;
}
发布于 2012-02-20 11:57:31
您的第二个屏幕截图中的类型在没有消除锯齿的情况下显示。这可能是因为第二台计算机未启用Cleartype。
http://www.microsoft.com/typography/cleartype/tuner/step1.aspx
在Windows Vista、Windows 7和OSX中,Cleartype (或等效的抗锯齿引擎)默认处于启用状态。
如果没有消除锯齿,任何没有被特别提示用于屏幕显示的字体都将显示为“锯齿状”,因为它的曲线不能整齐地适合屏幕的像素网格。
https://stackoverflow.com/questions/9357499
复制