网页制作字体选择心得和字体合成匹配步骤
作者：佚名 时间：2014-03-14
小编制作公司网站时发现网站级联样式表标准CSS有个过于简单化的字体匹配算法：如果本地客户机的字体集中没有指定的字体，就会用一个一般字体代替。当然，效果看起来通常不会很好，而且可能会严重地破坏显示。况且，与一把字体比起来，字体的替代品更多。css标准极大地扩展了css字体匹配样式，包括引进了新的@规则，这样网站制作技术人员就可以在自己的文档中定义、下载和使用新的字体了。 CSS字体匹配步骤
CSS字体匹配算法有4个步骤。第一步很简单，就是在用户机器上找到指定的字体，然后使用它；这可能是在样式表规则中指定的多个字体系列中的一个，其分别方式依据是它们显示的顺序。
第二步是在用户机器上找不到规则中指定的字体时才采用，也就是让浏览器努力从类似的本地字体中找到相近的匹配项。例如，请求使用Helvetica时，可能最终使用的是Arial,因为它们是相似的sans-serif字体。
CSS字体匹配算法中的第三步，是让浏览器尝试着合成字体，也就是采用某种本地字体，然后将其改变为与指定字体相匹配的字体。例如，请求命名用72磅的Helvetica时，先采用本地12磅的Arial字体，然后按比例增加其大小以达到要求的字体大小。
如果这些努力都失败的话，倘若作者已了提供了合适的外部字体定义，浏览器就可以采取第四个步骤，下载需要的字体。这些外部的字体定义是用@font-face这种@规则创建的。它的常用语法为：
@font-face{ descriptor:value; ... descriptor:value; }
每个@font-face规则都为浏览器定义了一个新的字体。随后对字体的请求可能会从这些新字体中行到满足。浏览器会使用多种描述符值，以确何保提供的字体能够匹配请求的字体。 基本字体描述符
在@font-face规则中命名用的基本字体描述符符合css字体属性，接受的值也与那些属性相同。因此，可以使用font-family、font-style、font-variant、font-weight、font-stretch和font-size描述符及其相关的值，来定义浏览器可用的新字体。例如：
@font-face{ font-family: "kumquat Sans"; font-style: normal; italic; src :url("路径") }
上述代码定义了一个名为kumquat的字体，从kumquat.com可以下载该字体。在下载的字体中，Kumquat Sans的正常版本和斜体版本都可用。因为没有提供其他的字体描述符，浏览器会假设其他所有的字体属性（粗细、变体、等等）都可以在这种字体中行到满足。
一般来说，忽略字体描述符可以使浏览器匹配任何为该描述提供的值。通过为字体描述符提供一个或多个值，就可以限制浏览器只匹配以后字体请求中的那些值，以便更好地确保浏览器以后能够很好地进行匹配。例如，如果字体不包含斜体版本而且没有告诉浏览器，那么浏览器在试图完成对该字体斜体样式的请求时，就会使用不正确的字体。
