嵌入式Helvetica Bold令人难以置信

时间:2013-12-04 17:09:56

标签: css font-face embedding

我无法让@ font-face在jsfiddle中工作,所以我只是有一张图片,向您展示。这就是Helvetica Bold在每个浏览器中为我呈现的方式:

enter image description here

我将它上传到我的服务器并以这种方式嵌入:

@import url("//hello.myfonts.net/count/28cb34");

@font-face{
    font-family: 'HelveticaNeueCE-Bold';
    src: url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.eot');
    src: url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.eot?#iefix') format('embedded-opentype'),
         url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.woff') format('woff'),
         url('http://www.sebastianstarke.com/portfolio/wp-content/themes/protofolio/font/28CB34_0_0.ttf') format('truetype');
}

相关网页就是这个:http://www.sebastianstarke.com/portfolio/

在示例文件中,它看起来与字体看起来相同,但我的客户说,在他的计算机(Mac)上它看起来不错。我使用的是Windows,字体来自myfonts。我从客户那里得到了它,他说,几周前他买了它。

1 个答案:

答案 0 :(得分:0)

我在Windows PC的Chrome浏览器中使用Helvetica遇到了完全相同的问题:

    <h1 style="font-size:41px;font-weight:700;font-family:Helvetica">
    Your aktu Will Fiskeshop aktakakak
    </h1>

https://codepen.io/TheJesper/pen/vYXNgaV

Helvetica with corrupt alignement

我通过卸载字体的所有本地版本解决了该问题。也许您的字体的本地副本与您喜欢的样式(字体大小,字体粗细,字体样式)完全不匹配。

➡尝试完全卸载该字体(Helvetica和Helvetica Neue),然后重新启动计算机。我必须使用 Delete.On.Boot ,因为它已被使用:

https://www.majorgeeks.com/files/details/delete_on_reboot.html

通过这种方式,您的计算机将“匹配”大多数Windows用户的设置。字体的Mac版本已预先安装,对于Mac用户应该可以正常使用...

如果这对您没有帮助,请尝试查找Helvetica Neue Web字体的另一个版本,看看是否有任何区别。在fonts.com上,您可以输入自己的自定义文本:

https://www.fonts.com/font/linotype/neue-helvetica