<link type="text/css" rel="stylesheet" href="screen.css" media="screen" />
<link type="text/css" rel="stylesheet" href="print.css" media="print" />
The example below specifies different font families for screen and print. The next CSS uses the same font size for both screen as well as printer.
<style type = "text/css">
@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>
With all that being said, I highly recommend you keep learning!
Thank you for reading this article. Please feel free to connect with me on LinkedIn and Twitter.
Top comments (0)