Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/regex/18.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Fonts 如何为网站选择字体?_Fonts - Fatal编程技术网

Fonts 如何为网站选择字体?

Fonts 如何为网站选择字体?,fonts,Fonts,我不是网页设计师,更多的是一个网络应用服务器端开发人员。就像音盲,我猜我是字体盲…也许我不知道我需要什么 当你看Facebook的时候 font-family:"lucida grande",tahoma,verdana,arial,sans-serif; 堆栈溢出 font-family:Arial,Helvetica,sans-serif; gmail font-family:arial,sans-serif; 纽约时报网 font-family:georgia,"times new

我不是网页设计师,更多的是一个网络应用服务器端开发人员。就像音盲,我猜我是字体盲…也许我不知道我需要什么

当你看Facebook的时候

font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
堆栈溢出

font-family:Arial,Helvetica,sans-serif;
gmail

font-family:arial,sans-serif;
纽约时报网

font-family:georgia,"times new roman",times,serif;
维基百科

font-family:sans-serif;

人们是如何做出决定的?它是页面设计其余部分的一个因素吗?为什么这些网站有这么多的变化?是否有可读性标准

嗯,你应该做的第一个也是最重要的决定是你想要的字体是带有还是。在印刷媒体中,长文本更喜欢衬线字体,但大多数人更喜欢电脑上的无衬线字体。正如我所解释的,衬线是一种眼睛可以抓住的锚,所以用衬线字体阅读大文本更容易。对于大文本,无衬线字体往往会使眼睛更快地疲劳

关于实际字体,我想这更取决于个人品味

最重要的是,建议一个网站最多使用2或3种不同的字体。否则,它会干扰网站的一致性和易用性。在这种情况下,越少越好。

在这里,所以:

否则,很重要的一点是,对于web来说,字体的范围非常有限,因为为了确保人们看到您希望他们看到的内容,您必须选择每个人在其系统上都有的字体

[编辑]由于这个答案是公认的答案,我想我应该改进它

我最近发现博客条目非常有用,而且操作系统也不同

此外,这是一个很好的解释

酷与新:动态文本替换
对于那些需要为h1甚至h2标签实现非标准字体的站点来说,一项非常酷的新技术是。这显示了它是如何实现的。

无论您选择何种字体,您的声明都应以无衬线结尾; ,衬线;或者,单空间;因为这是保证用户代理渲染的唯一3个

Arial、verdana、times和courier在我使用过的每个商业浏览器上都有呈现。我知道Linux上的开源浏览器通常不会有verdana


佐治亚州、塔荷马州等都是一场赌博,我会远离它们,或者有更多的普通后援。我相信您知道,浏览器会选择列表中可以呈现的第一种字体

Facebook的字体声明似乎有点过分,除了Lucide Grande通常出现在Mac OS和Windows上的Tahoma上。如果您想安全起见,可以在大多数操作系统(如Arial、Verdana或Times New Roman)上使用单一字体,然后使用通用字体(serif、sans serif、monospace),如果找不到指定的字体,它会告诉浏览器选择适当的字体进行渲染。w3schools.com是学习web字体和CSS的好资源

就可读性而言,衬线字体在被称为衬线的字体末端有一些细节,可以帮助填充字母之间的空间,使眼睛更容易水平跟踪文本。传统上,无衬线字体被认为更容易在屏幕上阅读,但这是由于旧的web浏览器对衬线的渲染较差。现代web浏览器使用操作系统级的抗锯齿(平滑)来更精确地渲染字体

无论你做出什么选择,你都应该考虑使用serif和san serif字体的组合来帮助你在网页上建立一个强大的信息层次。例如,您可以为标题选择衬线字体,为正文选择无衬线字体