Web标准设计中常用的字体介绍和使用原则

在浏览器中显示网页文本信息时，文本字体将按照设计师在css中定义的字体样式顺序进行显示。

字体族是什么？字体样式族是在css编码中看到的“font-family”代码中的一种字体样式名称，如以下代码：

font-family:"Comic Sans MS"，"幼圆"，"黑体字"，sans-serif;

 根据W3C规范，在分析一行代码时，计算机浏览器将首先在系统中搜索Comicc Sans MS字体，如果该字体存在于系统中，计算机浏览器将使用Comicc Sans MS字体，如果没有，继续搜索幼圆字体，等等，直到计算机浏览器能够表达系统中存在的字体样式。

注意啦，“sans-serif”不是字体风格的名称，而是前面描述的字体风格失败一段时间，最后选择的字体风格，称为计算机浏览器通用字体，它取决于你使用的浏览器默认通用字体是什么，可能是“Arial”，也可能是“Helvetica”。(sans-以法文为前缀“并没有”意思，指的是“衬线字体”，接下来我们会详细介绍衬线字体)。(sans-以法文为前缀“并没有”意思，指的是“衬线字体”，接下来，我们将详细介绍衬线字体）。这种情况应尽量减少室内设计师，设计师应尽可能得到完整的字体样式设置(font set),最大限度地全面覆盖操作系统是上策。

这样，你可能会说，如果系统软件中没有电脑浏览器想要表达的字体样式，该怎么办？

在这种情况下，计算机浏览器显示文本中缺少的标志符。缺少的标志符是字体中的一个特殊符号。一般来说，它显示一个网格，所以当小编在网站上看到所有的网格时，他会感到非常尴尬。必须注意的是，在另一种情况下，计算机浏览器也会显示网格，即存在于某种字体风格的A系统软件中，并且恰好被计算机浏览器采用。然而，字体风格A中不可能含有字符B，因此计算机浏览器将用缺少标识符代替标识符B的位置，表示间隙（计算机浏览器表示压力非常大）。

文字的css命名规范称为“font-family”，但并不意味着传统意义上的font包装印刷-family，实际上应该称之为font set，包装印刷中的font-family是指一系列具有不同抗压强度的相同单词，例如Lucida Family、Arial Family等。

英文字母“M”中等偏上下显著的短横线就是我们常说的衬线，同样，“y、F、K”布的下部将用短横线进行突出。为了解决短横线的僵硬感，花园角落的一部分也得到了改善和解决。所有在这个结尾展开的强化字体风格都被称为衬线字体。我们经常在包装、印刷、出版和发行中看到这种字体，因为它不大，但可读性仍然很好，所以它被广泛应用于印刷和包装行业，以降低成本。

这里总结了几套好用简单的字体样式供参考:

Tahoma系列的中性字体风格建议在13px以上的环境中使用。Tahoma字体以上是我最常见的字体风格。它的清爽在Windows系统中是不可替代的。

font-family:"Tahoma","Helvetica","Arial","Sans-serif;

Verdana系列的扁平字体风格建议在11px以下的环境中使用，即只有外国网站才能使用，不建议在11px以下使用字体风格。

font-family:"Trebuchet MS","Verdana","Helvetica","Arial",sans-serif;

衬线字体的最佳选择。

font-family:"Geogia","Times New Roman","Times",Serif;

等宽字体系列产品适合敲代码。

font-family:"Lucida Console","Monaco","Courier","mono","monospace";

这里的字体样式都加了冒号，具体情况下还可以加引号电脑浏览器进行分析，但不排除某些浏览器不支持识别字体中的空格符，导致不正确的可能性。