Search jQuery

jQuery Forum

Using jQuery

Guest

Trouble changing print font sizes

Answered

Need more info
Working on it
Answered

in Using jQuery • 12 years ago

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

$('<style media="print"> body {font-size: 14pt;font-family:Tahoma,sans-serif;} </style>').appendTo('head');

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.

Replies(3)

bsender

Re: Trouble changing print font sizes

12 years ago

It looks like you have a problem with the type attribute of your <style> tag. I'm surprised it's working for you. For styles declared in the head, you should use "text/css" as the value for your type attribute. Like this:

The print value is meant for the media attribute of the <link> tag.

Change your bit of code to use <style type="text/css"> instead of <style media="print">, and you should be good to go. Your browser's print function should pic up the modified styles.

barb

Re: Trouble changing print font sizes

12 years ago

Won't that apply the style to my webpage? I only want this to apply when printing. I have a print button for this not using the browser print option.

Response title

Attachments

jQuery Forum

Trouble changing print font sizes

Answered

Replies(3)

Re: Trouble changing print font sizes

Re: Trouble changing print font sizes

Re: Trouble changing print font sizes

Statistics

Tags

Actions