ตั้งค่าตระกูลฟอนต์ต่างๆ สำหรับหน้าจอและพิมพ์ด้วย 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>