<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)