It’s just as easy as that but the style sheet class must be defined specially and the same reference should called in your master page. The code for that looks like this, where I used a font from googles front directory.
FontCSSStyles.css
/*************** Changing SP2010 default font **************/
/*
Add “Helvetica” font from googles directory http://www.google.com/webfonts/family?family=Helvetica
*/
@import url("http://fonts.googleapis.com/css?family=Helvetica");
.ms-rteFontFace-12
{
-ms-name: "Helvetica";
font-family: "Helvetica", arial, sans-serif;
-webkit-font-family: "Helvetica", arial, sans-serif;
-moz-font-family: "Helvetica", arial, sans-serif;
-o-font-family: "Helvetica", arial, sans-serif;
}
.ms-rteFontSize-14 {
font-size:14pt;
-webkit-font-size:14pt;
-moz-font-size:14pt;
-o-font-size:14pt;
}
.ms-rteFontSize-16 {
font-size:16pt;
-webkit-font-size:16pt;
-moz-font-size:16pt;
-o-font-size:16pt;
}
.ms-rteFontSize-20 {
font-size:20pt;
-webkit-font-size:20pt;
-moz-font-size:20pt;
-o-font-size:20pt;
}
/***************************************************************/
/********************Master Page reference************************/
SharePoint:CssRegistration ID="FontCSSRegistration01" name="/_layouts/1033/Styles/Community/FontCSSStyles.css" After="corev4.css" runat="server"/>
/*******************************************************/
this is very good tip, thanks for help
ReplyDelete