【发布时间】：2013-12-04 17:09:56
【问题描述】：
我无法让@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/
在示例文件中，附带的字体看起来相同，但我的客户说，在他的计算机（A Mac）上看起来没问题。我使用的是 Windows，字体来自 myfonts。我从我的客户那里得到的，他说，他几周前买的。
【问题讨论】：
-
您使用的是什么操作系统，您从哪里获得 Helvetica Neue 字体？我尝试将它们从我的 Mac 复制到我的 Linux 计算机上，我得到了同样的结果。我认为这可能与 Apple 在其字体上放置的某些版权内容有关。
-
谢谢！我编辑了我的问题。
-
该网站在他的计算机上可能看起来不错，因为他已经安装了 Helvetica Neue，所以它只使用安装的字体而不是您的字体。如果您删除所有对名称“Helvetica Neue”的引用（即在
@font-face中将您的字体命名为其他名称），它在您客户的计算机上是否仍然看起来不错？ -
您确定您不只是将其设置为呈现奇怪的字体大小吗？尝试在开发工具中检查并检查是否将字体大小向上或向下移动一个可以平滑它。顺便说一句，我不是第一次看到这个。
-
我删除了对 Helvetica Neue 的引用，这没什么区别。与此同时，我在另一台 Windows 计算机上对其进行了测试。它在那里看起来很奇怪，但在 Mac 上却不是。字体大小并没有真正的区别。对于大约 28px/1.8em 以下的所有内容，它看起来很奇怪。有时不那么奇怪，有时更多，这取决于大小，但从不完美。在 Linotypes 网站上，您可以测试 Helvetica。各种尺寸对我来说都很棒。