通常,我在一些网站上使用"Helvetica Neue"
字体,尽管我在其他网站上也看到过一些使用"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue"
的字体。
有什么理由这样引用Helvetica Neue吗?或者我应该坚持我使用的标准?
发布于 2012-08-22 17:42:47
他们正在采取一种‘鸟枪式’的方式来引用字体。浏览器将尝试将每个字体名称与用户计算机上安装的任何字体进行匹配(按其列出的顺序)。
在您的示例中,将首先尝试"HelveticaNeue-Light"
,如果此字体变体不可用,浏览器将尝试"Helvetica Neue Light"
,最后尝试"Helvetica Neue"
。
据我所知,"Helvetica Neue"
不被认为是“网络安全字体”,这意味着你不能依赖于你的整个用户群都安装了它。将"serif"
或"sans-serif"
定义为最终的默认位置是很常见的。
为了使用不是“网页安全”的字体,你需要使用一种称为字体嵌入的技术。嵌入的字体不需要安装在用户的计算机上,而是作为页面的一部分下载。请注意,这会增加整体有效负载(就像图像一样),并可能对页面加载时间产生影响。
开放源码许可的免费字体的一个很好的资源是Google Fonts。(在使用单个许可证之前,您仍应检查它们。)每种字体都有一个下载链接,其中包含如何在您的网站中嵌入字体的说明。
发布于 2012-08-22 17:46:47
我推荐这篇由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;
}
发布于 2012-08-22 17:41:33
假设您已经引用并正确地将您的字体集成到您的站点中(假设使用@ font -face工具包),那么应该可以按照您所做的方式引用您的字体。大概是这样的,所以他们有后备,以防某些浏览器不能正确地呈现字体
https://stackoverflow.com/questions/12070055
复制相似问题