Set different font families for screen and print with CSS

The following example specifies different font families for screen and print. 

The next CSS uses the same font size for both screens as well as a printer.

Example

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

Samual Sam

Learning faster. Every day.

Updated on: 16-Mar-2020

1K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started