Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ตั้งค่า Font Family แตกต่างสำหรับ Screen และ Print ด้วย CSS


ตัวอย่างต่อไปนี้ระบุ font families ที่แตกต่างกันสำหรับหน้าจอและการพิมพ์ 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>