在Web设计中，字体的选择是非常重要的。一种优秀的字体能够让网站呈现出更加清晰、流畅、专业的风格。但是，在选择字体的同时，我们也必须考虑到兼容性、版权、下载速度等因素。因此，如何选择合适的字体、如何在CSS中使用font-family属性也就成为了Web设计领域中必不可少的知识。

一、选择什么字体库？

选择合适的字体库能够优化网站的加载速度并且也有利于兼容性。目前，我们可以通过以下的几种途径来获取字体库。

1.使用自带的Web 安全字体

Web 安全字体是指在大多数系统和浏览器中自带的字体，这些字体可以在任何网站上自由使用而不用考虑授权或者版权问题。常见的 Web 安全字体包括 Arial、Verdana、Georgia、Trebuchet MS、Comic Sans MS、Tahoma 等。但是，这些字体可能会让网站看起来过于普通，缺乏个性化。

2.使用@fontface规则引入自定义字体

@fontface是CSS3的一个规则，可以让开发者使用自己的字体。通过这种方式引入自定义字体是目前Web设计领域中最为流行的方式之一。这样，设计者们可以把杂志、书籍等传统媒介中的广泛使用的字体引入到网页上。

引入自定义字体的时候需要考虑到一些关键问题。首先就是版权问题，开发者必须遵循相关法律法规。其次是字体文件大小问题，字体文件越大，则下载速度越慢。因此，开发者需要尽可能地将字体文件压缩到最小，以便提高页面的加载速度。

常见的自定义字体库包括 Adobe Edge Web Fonts、Google Fonts 和 Font Squirrel，它们提供了庞大的字体库供用户选择。

3.使用图标字体

图标字体一直被认为是Web设计中最方便、最高效的方式。Web设计者们可以使用像 FontAwesome 及 Gif Word 等库来引入这些字体。

从下载速度、SEO 优化、版权、代码重用等角度考虑，使用图标字体更有利于Web开发。同时，这种方式也可以让网站呈现出轻盈、干净、有趣的视觉感受。

二、如何在CSS中使用font-family属性？

在选择好字体库之后，设计者们需要在CSS代码中使用font-family属性来指定使用哪种字体。font-family属性用于规定元素的字体系列。大多数字体系列包含一个常规样式、一个斜体样式以及一个加粗样式。这些样式可以通过CSS的font-style和font-weight属性进行调整。

例如，我们可以通过以下方式来使用字体系列：

在CSS代码中：

p {

font-family: "宋体", sans-serif;

font-size:16px;

font-weight: normal;

font-style: normal;

}

在上述代码中，font-family属性指定了元素所使用的字体系列。如果计算机上已经安装了宋体字体，则该字体被应用。如果不可用，则默认采用web safe字体库中的sans-serif字体。通过font-size、font-weight和font-style等属性我们可以调整字体的大小、粗细和风格。

在Web设计领域中，通常将字体根据“衬线”和“非衬线”分类而进行选择。衬线字体适合用于标题、正文、文章印刷等。Sans-serif 字体更适合用于标题等其他高质量的印刷品。

因此，设计者们应该在选择字体时，考虑到清晰度、效果、个性等多个方面。同时，在字体应用时必须考虑到页面速度、版权等问题。合理使用字体会丰富用户体验，提高网站的质量。