Trouble changing print font sizes

Trouble changing print font sizes

Hi there,

I have implemented the ability for users to change the font size on my website. I wanted the change to be reflected when a user prints the page as well. So I am using the following code when they change the font size


   
    
    
  1. $('<style media="print"> body {font-size: 14pt;font-family:Tahoma,sans-serif;} </style>').appendTo('head'); 
    2.
This works in that the font in the print changes. But the font in the print is much smaller than on screen. So I tried making the print font bigger but this didn't make any difference. I tested this on IE8 and Firefox 3.5 both with the same result.

I thought there may be a conflict with my print css, but removing this didn't help.

Any ideas would be appreciated.