Increase Print Font Size of SharePoint Pages

/in

Through the default font sizes in Sharepoint web pages might look fine on Internet Explorer browser screen, they will be very small when a print is taken of the page. This blog explains how to fix the issue by using the CSS media rule.

The CSS 2 media rule specifies how a web page will be displayed in different types of media. Using this rule we can specify different style settings for different media such as a screen, print, mobile etc. For more information on CSS media rule visit http://www.w3.org/TR/CSS2/media.html

With the default Sharepoint styles the font size will look alright when viewing on screen, but when the page is printed the font size will be very small and the content nonreadable.  The problem can be solved by adding media rule style settings to the Sharepoint master page (usually Default.Master). To increase the print font size we need to set the print media rule. This can be done in two ways

Internal Style Sheet

Add the following style tag to the Sharepoint master page

<style type=”text/css“> 
@media print 
{ 
   BODY {font-size: 12pt; line-height: 24px; !important} 
       TD { 
    font-size:12pt; line-height: 24px;  !important} 
} 
</Style>

External Style Sheet

Add the style tag in an external CSS file and refer to it in the Sharepoint master page using the link element.

 <link rel=”stylesheet” type=”text/css” href=”print.css” media=”print” />

Adding CSS media rule using any of the above-mentioned methods will increase the print font size of Sharepoint pages without affecting the visual appearance.

Cheers,

V.Kumar