【发布时间】：2012-08-17 16:41:28
【问题描述】：
通常，我在某些网站中使用"Helvetica Neue" 作为字体，虽然在查看其他网站时，我看到过一些使用"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue"。
有任何理由以这种方式引用 Helvetica Neue 吗？还是我应该坚持我使用的正常方式？
【问题讨论】：
【发布时间】：2012-08-17 16:41:28
【问题描述】：
他们正在采用“霰弹枪”方法来引用字体。浏览器将尝试将每个字体名称与用户机器上安装的任何字体进行匹配（按照它们列出的顺序）。
在您的示例中，将首先尝试"HelveticaNeue-Light"，如果此字体变体不可用，浏览器将尝试"Helvetica Neue Light"，最后尝试"Helvetica Neue"。
据我所知，"Helvetica Neue" 不被视为“网络安全字体”，这意味着您将无法依赖为您的整个用户群安装它。将"serif" 或"sans-serif" 定义为最终默认位置是很常见的。
为了使用不是“网络安全”的字体，您需要使用一种称为字体嵌入的技术。嵌入字体不需要安装在用户的计算机上，而是作为页面的一部分下载。请注意，这会增加整体负载（就像图像一样），并且可能会影响页面加载时间。
Google Fonts 是具有开源许可证的免费字体的绝佳资源。 （在使用它们之前，您仍应检查各个许可证。）每种字体都有一个下载链接，其中包含有关如何将它们嵌入您的网站的说明。
【讨论】：
-
是的，我不认为它是网络保险箱，但它是一种很棒的字体。有没有可以下载网络字体和@font-face 工具包的地方？还是必须要有执照？
-
Helvetica Neue 在 Linux 或 Windows 中不存在。最安全的方法是使用全栈：
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif -
@user1505209 Helvetica Neue 是一种需要获得许可的字体。请注意，许多“网络字体”购买都对“查看”字体的次数有限制。这可以按月计算，也可以按总数计算。如果您有一个高流量网站，这可能会变得异常昂贵：linotype.com/1266/…。如果你想要一个免费的替代品，你可以试试 Liberation Sans：graphicdesign.stackexchange.com/a/15464
-
另外我想提一下，您现在可以使用
@font-family来包含“自定义”字体。
我推荐这篇由 Chris Coyier 撰写的题为 Better Helvetica 的 CSS Tricks 文章：
http://css-tricks.com/snippets/css/better-helvetica/
他基本上建议使用以下声明来涵盖所有基础：
body {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-weight: 300;
}
【讨论】：
-
谢谢！是的，我注意到他的文章，想知道他为什么以这种方式引用 Helvetica Neue。
-
@BillyMoat，为什么有些字体名称在引号中而有些则不是？是这样的吗？？
-
@Ĭsααctիεβöss 只有那些有空格的才需要这个
假设您已经引用了您的字体并将其正确集成到您的网站（可能使用了@font-face 工具包），那么按照您的方式引用您的字体应该没问题。大概是这样的，所以如果某些浏览器无法正确呈现字体，他们会后退
【讨论】：
-
好吧，我还没有将 Helvetica Neue 添加为 @font-face 套件。如果我这样做会更好吗？
-
是的，您需要这样做，Helvetica 不会是 Web 标准字体，这意味着它不会为许多浏览器呈现。您应该购买该字体的许可证并为其生成一个@font-face 套件。尽管某些字体实际上已受到其创建者的限制，不得转化为网络字体
-
没有人这样做，因为网络许可证的价格约为 1000 美元。最好使用另一种字体作为后备字体或完全不同的字体。除非您在一个非常大且有价值的网站上工作。
-
是的，我知道，它们的价格太高了，尤其是如果您不是企业的话。我必须从他问的问题中假设它为什么引用它，并以这种方式编写它，而不是后备是什么