How to use @media to control screen & print text size

Have you ever wondered how to define different font sizes for your web version and print version?  If you have, there is a simple way to do it using @media.

Should you want your fonts to display ar size 14 when printed and  100% of your web browsers font size when viewed on screen it’s as simple as:

<style type=”text/css”>
@media print  {  p { font-size : 14pt; }  }
@media screen  {  p { font-size : 100%; }  }
</style>

Our Happy Customers