在网站中使用Helvetica Neue



通常,我在一些网站中使用"Helvetica Neue"作为字体,尽管在其他网站上,我看到了一些使用"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue"的网站。

有任何理由以这种方式引用Helvetica Neue吗?还是我应该坚持我使用的正常模式?

我推荐Chris Coyier的这篇关于CSS技巧的文章,题为Better Helvetica:

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;
}

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

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

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

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

一个伟大的资源免费字体与开源许可是谷歌字体。(在使用之前,您仍然应该检查各个许可证。)每个字体都有一个下载链接,其中包含如何将其嵌入网站的说明。

假设你已经引用并正确地将你的字体集成到你的网站上(大概是使用@font face工具包),那么你应该可以按照你的方式引用你的字体。大概是这样的,所以在一些浏览器没有正确地呈现字体的情况下,它们会出现倒退

最新更新