使用 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+ 浏览

开启你的 职业生涯

完成课程并获得认证

立即开始