Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 不同网络操作系统/不同机器的字体不一致_Html_Css_Cross Browser_Font Face - Fatal编程技术网

Html 不同网络操作系统/不同机器的字体不一致

Html 不同网络操作系统/不同机器的字体不一致,html,css,cross-browser,font-face,Html,Css,Cross Browser,Font Face,我用的是“大众”字体。我有一个奇怪的问题 当我在笔记本电脑上查看字体时,字体清晰地形成,没有任何变形(在所有浏览器上),但当在其他系统上看到相同的字体时(不是所有系统都有,但只有少数系统有),字体开始出现变形(同样,在所有浏览器上)。我不确定在某些系统中是什么导致字体失真。请给我一些建议。这是我在代码中使用的CSS @font-face { font-family: 'Populaire'; src: url('font/populaire.eot'); src: url('font/popul

我用的是“大众”字体。我有一个奇怪的问题

当我在笔记本电脑上查看字体时,字体清晰地形成,没有任何变形(在所有浏览器上),但当在其他系统上看到相同的字体时(不是所有系统都有,但只有少数系统有),字体开始出现变形(同样,在所有浏览器上)。我不确定在某些系统中是什么导致字体失真。请给我一些建议。这是我在代码中使用的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;
}

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

在Windows Vista中,默认情况下启用Windows 7和OSX Cleartype(或等效的抗锯齿引擎)


如果没有消除混叠,任何没有特别提示屏幕显示的字体都会出现“锯齿状”,因为它的曲线与屏幕的像素网格不匹配。

如果没有屏幕截图来说明问题,很难准确说出“扭曲”是什么意思。这就是它的外观(这是正确的格式)这就是它在一些机器上的显示方式(扭曲字体)。你是“genuis”,谢谢你的回答!!所以我只想说明,我的代码(设置)没有问题,我不需要更改代码中的任何内容。这必须由用户在其机器中完成(cleartype更改)?再次感谢你的回答,真的很有效!!没错,这是用户的责任。我不相信web开发人员有任何方法可以打开或关闭Cleartype。