字体不兼容跨操作系统/不同的机器

我正在使用“Populaire”字体。我有一个奇怪的问题。字体不兼容跨操作系统/不同的机器

当我在笔记本电脑中查看字体时，字体清晰无间（在所有浏览器上），但是当在其他系统上看到相同的字体（并非所有的系统都是这样）时，它开始出现扭曲（再次所有浏览器）。我不确定在某些系统中会导致字体扭曲的原因。请指教。这里是

@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 Kalish

如果没有屏幕截图来展示问题，很难准确判断“扭曲”是什么意思。 – 2012-02-20 09:52:55

这是它的外观（这是正确的格式） http://www.imgplace.com/viewimg99/1087/56machine1.png 这是怎么显示在某些机器（扭曲字体）的http：// www.imgplace.com/viewimg17/6453/39machine2.png – Kalish 2012-02-20 11:06:31

在您的第二个屏幕类型是显示无抗锯齿，我在我的代码使用了CSS ..。这可能是因为第二台计算机没有启用Cleartype。

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

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

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

来源

2012-02-20 11:57:31

你是“genuis”，感谢您的回答！所以只是想明确说明，我的代码没有问题（安装程序），我不需要更改代码中的任何内容。这必须由用户（cleartype更改）在他们的机器中完成？再次感谢您的答案，它真的工作！ – Kalish 2012-02-20 12:33:12

这是对的 - 这是用户的责任。我不相信Web开发者有任何方式可以打开或关闭Cleartype。 – 2012-02-20 13:16:28

非常感谢！ – Kalish 2012-02-21 05:47:14

字体不兼容跨操作系统/不同的机器

回答

相关问题