JohnJuhl VIP
Total posts: 46
24 Jan 2015 10:41

Hi, my users will need to print out the forms (appendix to their construction specs) The font size in the pdf change from small to large when the user add an image to his form - (see enclosed) how can I control this?

John. Skærmbillede 2015-01-24 kl. 11.35.58

Skærmbillede 2015-01-24 kl. 11.35.50

Last Modified: 25 Jan 2015


pepperstreet VIP
Total posts: 3,837
25 Jan 2015 19:54

Hello John, Your print display and sizes look like "browser" and "system defaults". So, you might have to adjust them yourself...

You have to check your (print) page-source and the linked stylesheets. Maybe there is a special stylesheet loaded via your component.php file... But that depends on your template/framework etc. In most cases templates lack a proper default CSS file i.e. print.css.

  • You could create and add print.css by yourself. Add proper sizes for body text, headings and images.
  • Or you could use special "media-queries" since CSS3, by using @media print { YourPrintStyles Here }

Suggestion / Reading tip

You already had some topics about print styles and images etc. And "Jeff" commented with a great article... see chapter "Adjusting To The Right Size". Hence, they are using "pt" points values for fontsizes.

Powered by Cobalt