在网站中使用Helvetica Neue

Question

通常情况下,我"Helvetica Neue"在一些网站上使用字体,虽然看其他网站,我见过一些"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue".

有没有理由以这种方式引用Helvetica Neue？或者我应该坚持我使用的正常吗？

Answer 1

我推荐这篇关于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;
}

Answer 2

他们采用'霰弹枪'方法来引用字体.浏览器将尝试将每个字体名称与用户计算机上的任何已安装字体(按照列出的顺序)匹配.

在您的示例"HelveticaNeue-Light"中将首先尝试,如果此字体变体不可用,浏览器将尝试"Helvetica Neue Light"并最终"Helvetica Neue".

据我所知,"Helvetica Neue"它不被视为"网络安全字体",这意味着您将无法依赖它为您的整个用户群安装.定义"serif"或"sans-serif"作为最终默认位置是很常见的.

为了使用不是"网络安全"的字体,您需要使用一种称为字体嵌入的技术.嵌入式字体不需要安装在用户的计算机上,而是作为页面的一部分下载.请注意,这会增加整体有效负载(就像图像一样)并且会对页面加载时间产生影响.

Google Fonts是开源许可证免费字体的绝佳资源.(在使用之前,您仍应检查各个许可证.)每种字体都有一个下载链接,其中包含有关如何将它们嵌入您网站的说明.