在一个网站使用Helvetica Neue字体(Using Helvetica Neue in a

2019-06-27 06:07发布

通常情况下,我用"Helvetica Neue"在一些网站上的字体,但看着其他网站,我已经看到了一些与"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue"

没有任何理由来引用Helvetica Neue字体以这种方式? 或者我应该坚持使用正常的,怎么用?

Answer 1:

他们都采取了“猎枪”的方法来引用字体。 该浏览器将尝试每个字体名称与用户的机器上的任何安装的字体相匹配(在顺序他们已上市)。

在你的榜样"HelveticaNeue-Light"将在第一次尝试,如果这个字体变化是不可用的浏览器将尝试"Helvetica Neue Light"终于"Helvetica Neue"

据我所知"Helvetica Neue"不被认为是“网络安全的字体”,这意味着你不能依靠它正在安装您的整个用户群。 这是很常见的定义"serif""sans-serif"作为最终的默认位置。

为了使用字体不属于“网络安全”你需要使用一种称为字体嵌入的技术。 嵌入字体不需要在用户的计算机上安装,而不是被下载的页面的一部分。 请注意这增加了整体的有效载荷(就像图像那样),可以对页面加载时间的影响。

与开源许可证免费字体很好的资源是谷歌的字体 。 (您还是应该在使用前检查各个许可证。)每个字体有关于如何将它们嵌入自己的网站指令的下载链接。



Answer 2:

我推荐这篇文章CSS技巧克里斯Coyier题为更好的黑体:

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 3:

假设你已经引用,并正确地整合您的字体到您的网站(大概是使用@字体面包)应该是正常的,只是引用你的你的方式。 大概就是这个样子,使他们有秋天的背上柜面有些浏览器无法正常显示的字体



文章来源: Using Helvetica Neue in a Website
标签: html css fonts