虽然许多人最近提到如何选择网页上的字体。虽然是小问题，它是前端开发的基本组成部分，因为目前的网页仍然是文本信息，主导和字体作为文字表达的重要参数，具有很重要的位置。不幸的是，该字体的重要性尚未支付的时间长的足够重视。许多人还是在字体家庭：宋体阶段，现在让我来谈谈字体的起源。

-字体


众所周知，在CSS字体定义的font-family.carefully读取CSS文件的规定执行，但没有发现任何可以指定一个特定的字体规则。

想想十年前，到处都可以看到这样的代码：


乱数假文



它认为，Frankin Gothic Book几乎不可能是一个Windows的字体，Frankin Gothic Book字体的效果不能在Mac上看到，和系统找不到这种类型的字体，它会在Mac的默认字体显示。因此，页面的风格从原来的完全不同，它不能达到Frankin Gothic Book的效果。所以W3C提出的字体集的概念，列出近似的字体形式列表按优先顺序；浏览器启动匹配列表的头，知道找到第一个可用的字体，并使用这个字体显示。

例如，我们可以创建这样的字体集：


乱数假文



让我们看看浏览器是如何显示文本的。


Windows下：从列表的第一个字体搜索浏览器启动系统中有一个Frankin Gothic Book，这是显示与富兰克林哥特式书字体。
在Mac：从列表的第一个字体搜索浏览器启动系统中没有Frankin Gothic Book，而搜索失败。继续寻找下一个字体Lucida Grande字体Lucida Grande，有系统，终止搜索，并显示在Lucida Grande字体。

这样，Mac，Mac可以在Lucida Grande字体类似Frankin Gothic Book显示文本。



但也有可能是电脑，既没有Frankin Gothic Book的字体和Lucida Grande字体，但仍不能显示上面的文字正确。所以开发商要添加的字体的字体列表以适应不同的系统，导致字体设置原组织近似的字体功能丧失。所以字体设置了一般字体，即字体我们常常看到的衬线和无。我将介绍这两个细节在以后的文章中，以及其他一些通用的字体家庭。在这里，我们可以简单地解释为一种最终替代字体的浏览器在所有指定的字体不指定。

例如，我们正在改进上面的示例。



乱数假文



让我们看看浏览器是如何显示改进的文本的。


Windows下：从列表的第一个字体搜索浏览器启动系统中有一个Frankin Gothic Book，这是显示与富兰克林哥特式书字体。
在Mac：从列表的第一个字体搜索浏览器启动系统中没有Frankin Gothic Book，而搜索失败。继续寻找下一个字体Lucida Grande字体Lucida Grande，有系统，终止搜索，并显示在Lucida Grande字体。
一个系统：从列表的第一个字体搜索浏览器启动系统中没有Frankin Gothic Book，而搜索失败。继续寻找下一个字体没有在系统Lucida Grande字体。继续寻找下一个字体一般字体sans-serif.the浏览器应用的默认字体字体宋体显示文本。



请注意两点：第一，一般的字体家族专门对应的字体，这是由浏览器决定的。在上面的例子中，浏览器指定Arial是无衬线字体，但它可能是另一个浏览器指定Helvetica是无衬线字体。它是不可预测的，字体最后应用。其次，一般字体只是一个字体设置其他字体替代。因此，设计师应给予充分的字体设置，尽可能涵盖所有系统尽可能，而不是依靠通用字体。



这两种类似的方法都是错误的：



乱数假文
乱数假文



写作中的第一个错误是，它相当于根本没有指定字体，而且仍然从浏览器中选择字体。

在写作第二错误的顺序。因为一般的字体应该工作的时候，在字体设置其他字体都是无效的。因此，在将指定的字体在一般的字体，它将导致一个一般的字体时使用的字体是不匹配的。所以，你应该知道在字体设置，最后使一般的字体。



此外，这里还有两件事需要解释。

首先，浏览器的应用，在字体设置字体看起来很简单，但这是真的。我将在未来的文章具体解释。

其次，虽然字体的CSS规则的名字叫做字体，其实质是一个字体集，它不等于字体在平面感。印刷字体是指不同的一系列相同的词语组合的强度，如明星家庭（包括Lucida Sans，Lucida Sans Typewriter，龙力控制台，Lucida Grande等）和Arial（Arial Family，Arial Black，Arial Rounded MT等），但显然这些字体不适合直接使用的字体设置为使用。

今天就在这里。下一次，我们来谈谈一般字体家族。