不同操作系统/不同机器上的字体不一致
我使用的是“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;
}
I am using "Populaire" font. I am having a weird problem.
When I view the font in laptop, fonts are clearly formed without any distortion (on all browsers) but when the same was seen on other systems(not all but few systems do), it started appearing distorted (again, on all browsers). I am not sure what will cause the font to be distorted in some systems. Please advice. Here is the CSS that I have used in my code..
@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;
}
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
第二个屏幕截图中的类型显示时没有抗锯齿。出现这种情况的原因可能是第二台计算机未启用 Cleartype。
http://www.microsoft.com/typography/cleartype/tuner/step1.aspx
在 Windows Vista、Windows 7 和 OSX 中，Cleartype（或等效的抗锯齿引擎）默认启用。
如果没有抗锯齿功能，任何未针对屏幕显示进行专门提示的字体都会出现“锯齿状”，因为其曲线不能完全适应屏幕的像素网格。
The type in your second screenshot is being displayed without anti-aliasing. This might occur because the second computer does not have Cleartype enabled.
http://www.microsoft.com/typography/cleartype/tuner/step1.aspx
In Windows Vista, Windows 7, and OSX Cleartype (or an equivalent anti-aliasing engine) is enabled by default.
Without anti-aliasing, any typeface that has not been specifically hinted for on-screen display will appear 'jaggy', since its curves do not neatly fit to the screen's pixel grid.