Changing SharePoint 2010 default font size

June 1, 2011 — 6 Comments

By default, SharePoint 2010 font size is Verdana 8pt and how do I change the font size?  What if I want to change the font size to something like Arial 13?

How do I make it Arial as a default font in SharePoint 2010 content editor web part so that every time user edit contents, it default not to Verdana?

replace_sharepoint_2010_default_font_1

Here are the steps to change default font size in SharePoint 2010

1. I am using the CSS from Serve’s Blog Copy this CSS and create a new CSS file in SharePoint Designer or download from below

.ms-bodyareacell td, .ms-bodyareacell p, .ms-bodyareacell div, .ms-bodyareacell span,
.ms-bodyareacell p, .ms-bodyareacell a,.ms-bodyareacell a:active, .ms-bodyareacell a:hover,
.ms-bodyareacell a:link, .ms-bodyareacell a:visited,.ms-bodyareacell td,.ms-bodyareacell div,
.ms-bodyareacell font

{
font-size:13px;
font-family:Trebuchet MS,Verdana, Arial;
letter-spacing: normal;
color:black;
}

.ms-bodyareacell h3 a, .ms-bodyareacell h3 span, .ms-bodyareacell h3 div,.ms-bodyareacell h3 p,
.ms-bodyareacell h3 font
{
font-size:15px;
color:black;
}

.ms-wpheader
{
background-color:#e9e9e9;
}

2. Save your CSS file. In this case, I am calling as custom2.css and saving this file in style library
default_font_face_change_in_sharepoint_2010_2

3. Open your master page and add a reference to your new custom2.css file

custom_font_for_sharepoint_2010_3

4. Now go back to your SharePoint page and edit. You will see your default font is changed to what every you specified in your CSS

sharepoint_2010_text_change_4

This is how you can change SharePoint 2010 default font to something you like.

6 responses to Changing SharePoint 2010 default font size

  1. 

    I tries this and it did change the default font but it also restricted all text to be that font & size (for new and existing text).

    • 
      virtualizesharepoint August 16, 2011 at 9:20 am

      Yes, your correct. I would not do this for my site but this was a requirement for one of my client.

  2. 

    It doesn’t seem to work on a “list” page. Where can I find styles for various types of pages?

  3. 

    as said in third step I made like this, I add the css from site settings > look and feel > Master page and given the path to style library and check the reset to all sub-sites so i don’t have to edit the master page.

  4. 

    Is there cewp javascrpt css override method to change rte text editor deafult font on a list edit form?

Leave a Reply

Please log in using one of these methods to post your comment:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s