How to add new font types? E-mail
Written by Administrator   
Thursday, 01 April 2010 08:45

We've used the most common web friendly fonts but it is possible to configure the fonts displayed in the Font combo list.  To do this you need to go to the editor’s plugin configuration > Advanced Parameters and type the name of your font into the ‘Font Family’ drop down box. Save - Job done!

 

Alternatively,  you can add this manually by adding a custom parameter (config.font_names ='font family’;) to the editor 'config.js' file.

The this' file is file is located at:-



plugins/editors/jckeditor/config.js

All you need to do is adding a new parameter to the config.js file defining your fonts as detailed below:-



config.font_names = 'Arial;Times New Roman;Verdana';

Example:-



/*
Copyright (c) 2003-2010, CKSource - Frederico Knabben. All rights reserved.
For licensing, see LICENSE.html or http://ckeditor.com/license
*/

CKEDITOR.editorConfig = function( config )
{
    // Define changes to default configuration here. For example:
    // config.language = 'fr';
    // config.uiColor = '#AADC6E';
    config.toolbar_Image =
    [
        ['ImageManager']
    ];

    config.removePluginsForFullScreenMode = ['Source','Preview','Cut','Copy','Paste','Undo','Redo','SelectAll','RemoveFormat','Bold','Italic',
                                            'Underline','Strike','Subscript','Superscript','NumberedList','BulletedList','Outdent','Indent',
                                            'JustifyLeft','JustifyCenter','JustifyRight','JustifyBlock','ImageManager','imagesearch','HorizontalRule','filebrowser','imgMap'];
    
   config.font_names = 'Arial;Times New Roman;Verdana';
    
};

For more info please see: http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.config.html#.font_names

Last Updated on Monday, 06 February 2012 10:12