我无法让@ font-face在jsfiddle中工作,所以我只是有一张图片,向您展示。这就是Helvetica Bold在每个浏览器中为我呈现的方式:
我将它上传到我的服务器并以这种方式嵌入:
@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。我从客户那里得到了它,他说,几周前他买了它。
答案 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和Helvetica Neue),然后重新启动计算机。我必须使用 Delete.On.Boot ,因为它已被使用:
https://www.majorgeeks.com/files/details/delete_on_reboot.html
通过这种方式,您的计算机将“匹配”大多数Windows用户的设置。字体的Mac版本已预先安装,对于Mac用户应该可以正常使用...
如果这对您没有帮助,请尝试查找Helvetica Neue Web字体的另一个版本,看看是否有任何区别。在fonts.com上,您可以输入自己的自定义文本: