概述
在网页制作中，我们经常会使用 CSS 样式来为网页设置字体、颜色、大小等样式。而在设定字体时，我们需要考虑到在屏幕上和打印出来的效果通常会有所不同。本文将介绍如何使用 CSS 对不同设备设置不同的字体系列。
为屏幕设置字体系列
字体系列的定义
CSS 中的 font-family 属性用来定义字体系列，它允许定义一个或多个字体名称作为优先选择，如果第一个字体不可用，浏览器将依次尝试其他字体。字体名称需要用英文引号包含，并用逗号分隔。例如：
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
上面的代码指定了一组字体系列，如果系统中有Helvetica Neue字体，浏览器将使用该字体渲染页面。否则，浏览器将尝试使用Helvetica、Arial和 sans-serif 字体中的任意一种。
为屏幕设置字体系列
针对不同的设备，我们可以设置不同的字体系列。在屏幕上查看网页时，我们可以使用一组更加醒目的字体系列来提升其可读性。
body {
font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
在上例中，我们在默认的字体系列基础上增加了 "Open Sans" 字体，这是一种阅读体验更加舒适的字体。在字体系列中，位置靠前的字体会被优先使用，所以如果设备中安装了 "Open Sans" 字体，就会使用它来渲染页面。
为打印设置字体系列
打印样式表的使用
为了在打印时使用不同的字体系列，我们可以使用打印样式表（Print Stylesheets）。通常情况下，我们会为打印样式表设置一个单独的 CSS 文件。打印样式表可以控制打印出来的页面的格式、边距、字体等等。在 HTML 文件中引入打印样式表的方式如下：
<link rel="stylesheet" type="text/css" media="print" href="print.css">
在上例中，我们使用 media 属性指定当前样式表的使用范围为 “print”，这样在打印时就会自动使用链接的 print.css 样式表。
为打印样式表设置字体系列
对于打印样式表，我们可以使用和屏幕样式类似的方式设置字体系列。但是，在打印时需要考虑到打印设备的限制，通常只有部分常见字体会被支持。因此，我们需要使用较为保守的字体系列来确保打印效果符合预期。
@media print {
body {
font-family: Georgia, Times, "Times New Roman", serif;
}
}
在上例中，我们使用 @media print 规则来指定打印时生效的样式。在样式中，我们使用了一组较为保守的字体系列，其中包括了常见的 Georgia、Times 和 "Times New Roman" 等字体，以及 serif 等备选字体。
总结
在网页制作中，为不同的设备设置不同的字体系列可以提高网页的可读性，并且可以让网页既美观又实用。在屏幕上，我们可以使用一组更加醒目的字体系列，让网页更具吸引力；而在打印时，我们需要使用一组较为保守的字体系列来确保打印效果符合预期。相信通过本文的介绍，大家已经了解了如何为屏幕和打印设置不同的字体系列，希望对大家能够有所帮助。