Html Mac上的字体很棒,PC上的字体糟糕

Html Mac上的字体很棒,PC上的字体糟糕,html,css,fonts,Html,Css,Fonts,我为我的网站选择以下字体: 在Mac电脑上,这种字体看起来很棒,而在Windows上,它看起来很可怕。以下是截图: 我试着用一个字母转换字体;我还添加了以下内容: text-rendering: optimizeLegibility; -webkit-font-smoothing: subpixel-antialiased; 还是一样的结果。我知道windows使用Cleartype并以与Mac不同的方式处理字体,但有可能解决这个问题吗 编辑: 以下是我的字体规则: @font-face

我为我的网站选择以下字体:

在Mac电脑上,这种字体看起来很棒,而在Windows上,它看起来很可怕。以下是截图:

我试着用一个字母转换字体;我还添加了以下内容:

text-rendering: optimizeLegibility;
-webkit-font-smoothing: subpixel-antialiased;
还是一样的结果。我知道windows使用Cleartype并以与Mac不同的方式处理字体,但有可能解决这个问题吗

编辑: 以下是我的字体规则:

@font-face {
    font-family: 'Thin';
    src: url('fonts/helvetica-neue-lt.eot');
    src: url('fonts/helvetica-neue-lt.eot') format('embedded-opentype'),
         url('fonts/helvetica-neue-lt.woff') format('woff'),
         url('fonts/helvetica-neue-lt.ttf') format('truetype'),
         url('fonts/helvetica-neue-lt.svg#Thin') format('svg');
}

HelveticaNeue是一种Mac系统字体,苹果使用的确切版本在PC上是不可用的(据我所知)。我通常将“Arial”添加到字体系列样式中,它在PC上显示良好。

HelveticaNeue是一种苹果系统字体。我不相信有一个PC的等价物,阿西德·海尔维蒂卡,女巫是不一样的,但一个近看的

我们也遇到了这种情况,特别是在尝试与祖尔邦德合作之后。我们试着调试,甚至写信给mozilla

我对您的问题的最佳解决方案是:不要使用helvetica neue,并阻止您的设计师像不太了解渲染引擎的人一样使用它们

只是不要使用它。如果你真的需要关于“为什么不使用它”的解释,就像我们一样,花6个小时测试跨平台、跨浏览器。。再和技术总监和设计师争论4个小时

是的,这个答案不太符合“科学”的说法!相信我,这很糟糕

我建议使用

Arimo是helevetica neue的兼容字体


易于实现且跨所有平台兼容

看看typekit:中的这篇文章

引自本文:

在web上进行类型渲染时,web设计师所能做的并不多。字体在屏幕上的显示方式主要取决于操作系统、浏览器、字体设计、字体文件,以及这些字体文件是如何(或不是)添加了针对最无情渲染场景的说明。但在某些情况下,CSS属性会影响类型的外观


这是从2011年开始的,但它涵盖了一些关于字体渲染的有趣内容,这些内容仍然很有用。

你在电脑上使用的浏览器是什么?你能发布你的完整的
@font-face
代码吗?helvetica neue lt。。。艾因?这个问题是骗局吗?不要用那种字体。网络上充斥着关于“helvetica neue”畸形秀的信息。。。你在电脑上使用的IE/chrome/firefox版本是什么?这种情况是发生在所有浏览器上还是只发生在IE上?出于某种原因,你是否对应用了溢出隐藏的链接设置了高度?这在firefox和chrome上都发生过。在IE上甚至不认识它,只是用泰晤士报新罗马版呈现文本。也许答案是正确的,但我相信Helvetica更接近,如果在字体系列中同时包含这两种字体,它将降级为Arial。我也读到了这方面的内容。好吧,我想我吸取了教训:“不要脱离网络编程的标准”。我想我会使用arial,就是这样:)不,我的意思是,你不应该避免使用网页字体。“helveticaNeue”字体本身呈现“mac-pc-unix”浏览器渲染情况,但也有很好的伪造,google字体提供了很好的web字体堆栈。有一些是给你的,比普通的Arial好看。