Office 365 & SharePoint Search / Development / Branding

List Of All font-family and font-size Attributes Used in SharePoint 2010 StyleSheets

on Aug 05, 2011 by Elio Struyf with 1 comment

These days I get a lot of questions to change the font-family or font-size of a SharePoint 2010 site. As many of you will know you can easily change the font-family in the theme settings, but it will not be applied to all the elements.

The same count for changing the font sizes in SharePoint 2010. You simply cannot adjust the font size by only changing the font size value for the body element, and this is really frustrating.

SharePoint uses all kind of font size attribute values. It works with pt, px, em, and %. The combination of all the font size units makes it difficult to adjust the font size for the whole site.

Because of these problems/frustrations I started to map out all the font-family and font-size attributes that are used in the SharePoint 2010 stylesheets. For every CSS file, a copy will be made with the font-family and font-size references. Font size attributes are ordered in size and by unit.

calendarv4.css

calendarv4.css Fonts

corev4.css

corev4.css Fonts

datepickerv4.css

datepickerv4.css Fonts

layouts.css

layouts.css Fonts

search.css

search.css Fonts

wiki.css

WIKI.css Fonts

References

A good reference for using font size units is the following: CSS Font-Size: em vs. px vs. pt vs. percent

Updates

New CSS Files: 08/08/2011

New CSS files are uploaded (calendarv4.css, datepickerv4.css, layouts.css, search.css, wiki.css).

One Response

  1. guilhrme

    August 2, 2012

    Life Saver. Changing fonts of SharePoint Sites is really a not intuitive thing. Before i do it myself i resolved to do a google search and i have found this great site. Thanks!

    Reply

Feel free to leave a comment