用 CSS 为屏幕和打印设置不同的字体系列

以下示例为屏幕和打印指定了不同的字体系列。 

下一个 CSS 为屏幕和打印机使用相同的字体大小。

范例

<style>
   <!--
      @media screen {
         p.bodyText {font-family:verdana, arial, sans-serif;}
      }
      @media print {
         p.bodyText {font-family:georgia, times, serif;}
      }
      @media screen, print {
         p.bodyText {font-size:10pt}
      }
   -->
</style>

Samual Sam

更新于： 16-Mar-2020

1K+ 人查看

开启你的职业

完成课程以获得认证

开始