निम्न उदाहरण स्क्रीन और प्रिंट के लिए अलग-अलग फॉन्ट फैमिली निर्दिष्ट करता है।
अगला 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>
व्याख्या: स्क्रीन पर sans-serif फॉन्ट्स (वर्डाना, एरियल) बेहतर पढ़े जाते हैं, जबकि प्रिंट में serif फॉन्ट्स (जॉर्जिया, टाइम्स) बेहतर दिखते हैं। फॉन्ट साइज दोनों के लिए 10pt समान रखा गया है।
