none
Adding a new font to the list of available fonts RRS feed

  • Question

  • We have a sharepoint installation with a growing number of sites, blogs and wikis (cool). The business has identified a need to add an extra font into the list of available fonts when writing blog posts/wiki articles. Is there any way to do this for Sharepoint 2010 and how could it be done??
    • Moved by Mike Walsh FIN Thursday, June 23, 2011 2:26 PM "Is there any way to do this for Sharepoint 2010 " A good question but is it one for a pre-SP 2010 forum ? Please post all your SP 2010 questions only to SP 2010 forums (From:SharePoint - Setup, Upgrade, Administration and Operation (pre-SharePoint 2010))
    Thursday, June 23, 2011 1:26 PM

Answers

  • I assume you want the new font available in the dropdown on the Ribbon when editing the BLOG body.  You should be able to do that by adding a custom class to your CSS that is named in a particular fashion:

    .ms-rteFontFace-12
    {
    -ms-name:"Custom Comic Sans";
    font-family: 'Comic Sans MS';
    }

     

    This blog post has a nice write-up of the whole process:

    http://www.n8d.at/blog/sharepoint-2010/use-font-face-in-rich-text-editor-of-sharepoint-2010/


    Paul Stork SharePoint Server MVP
    Thursday, June 23, 2011 4:42 PM
  • You can add a new font in by editing CSS.  The issue is whether that font is already installed on everyone's workstation or not.  If not then you need to deploy the font via CSS as a downloadable font.  This is often an issue with licensing.  The technical requirements aren't all that difficult.  Its the licensing of a web download font that is the issue in most web sites.
    Paul Stork SharePoint Server MVP
    Thursday, June 23, 2011 2:15 PM

All replies

  • You can add a new font in by editing CSS.  The issue is whether that font is already installed on everyone's workstation or not.  If not then you need to deploy the font via CSS as a downloadable font.  This is often an issue with licensing.  The technical requirements aren't all that difficult.  Its the licensing of a web download font that is the issue in most web sites.
    Paul Stork SharePoint Server MVP
    Thursday, June 23, 2011 2:15 PM
  • Thanks for the pointer, Paul. Any idea how I go about this with CSS? The only references I can find online deal with replacing the default font via CSS which is not what I want to do - just give everyone a new extra option.

     

    <edit> the font is available on every computer and would not need to be deployed anywhere - just made available.

    Thursday, June 23, 2011 4:00 PM
  • I assume you want the new font available in the dropdown on the Ribbon when editing the BLOG body.  You should be able to do that by adding a custom class to your CSS that is named in a particular fashion:

    .ms-rteFontFace-12
    {
    -ms-name:"Custom Comic Sans";
    font-family: 'Comic Sans MS';
    }

     

    This blog post has a nice write-up of the whole process:

    http://www.n8d.at/blog/sharepoint-2010/use-font-face-in-rich-text-editor-of-sharepoint-2010/


    Paul Stork SharePoint Server MVP
    Thursday, June 23, 2011 4:42 PM
  • Hello Paul stork,

    I was wondering...if the custom font has been installed on the sharepoint 2010 server machine and the corresponding wfe's, how does corev4.css know to import it from that location(Control Panel\Appearance\Fonts) because just adding the code below didn't make the font available in the dropdown edit list? 

    .ms-rteFontFace-12
    {
    -ms-name:"Custom Comic Sans";
    font-family: 'Custom Comic Sans';
    }

    Thanks already!

    Wednesday, July 11, 2012 3:28 PM
  • The font has to be availble on the client machine to show up in the dropdown.  As I mentioned in a previous post, if the font isn't availble on each workstation you need to add CSS to distribute it.  Otherwise it won't show up.

    Paul Stork SharePoint Server
    MVP Senior Solutions Architect: BlueChip Consulting Group
    Blog: http://dontpapanic.com/blog
    Twitter: Follow @pstork
    Please remember to mark your question as "answered" if this solves your problem.

    Wednesday, July 11, 2012 6:40 PM
  • Paul stork, thanks for the reply.

    I am not a CSS expert or anything and only a couple of months into sharepoint as well. Could you elaborate on how to distribute the fonts? 
    Also, when referring to the corev4.css, is it the one located here 

    C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\1033\STYLE

    or here ?

    C:\Program Files\Common Files\Microsoft Shared\Web Server Extensions\14\TEMPLATE\LAYOUTS\1033\STYLES\Themable

    Wednesday, July 11, 2012 7:46 PM
  • Here's an article on how to use embedded fonts using CSS.

    http://msdn.microsoft.com/en-us/library/ms533034(v=VS.85).aspx

    The Corefv4.css files should be the same.  the one in the themable directory is used to dynamically generate a CSS file when a them is applied.  But you shouldn't edit Microsoft's CSS files directly.  You should create your own CSS file and add a link to that file in your master page.  Here's an article on deploying custom css.

    http://www.learningsharepoint.com/2011/05/15/deploy-custom-cssjs-files-in-sharepoint-2010-using-visual-studio-2010/


    Paul Stork SharePoint Server
    MVP Senior Solutions Architect: BlueChip Consulting Group
    Blog: http://dontpapanic.com/blog
    Twitter: Follow @pstork
    Please remember to mark your question as "answered" if this solves your problem.

    Wednesday, July 11, 2012 7:54 PM
  • I saw all answers that it suitable for 2010 not 2013

    to Show font face for 2013 as shown below check  Add font faces for SharePoint 2013

    Saturday, August 27, 2016 7:31 PM