Skip to main content
MindTouch Success Center

Add Google Fonts to your editor

Including Google Fonts into your editor allows you to easily style your MindTouch site without having to touch a line of CSS. Complete the following steps to gain access to hundreds of Google Fonts from right inside of your editor:
  1. Log in as administrator and navigate to Site tools > Control panel.
  2. Select Editor under System Settings.
  3. Copy and paste the following code into the text field (replace Source Sans Pro with the Google Font of your choice).
CKEDITOR.editorConfig = function( config ){
myFonts = ['Source Sans Pro'];
for(var i = 0; i<myFonts.length; i++){
            config.font_names = config.font_names+';'+myFonts[i];
            myFonts[i] = 'http://fonts.googleapis.com/css?fami...ts[i].replace(' ','+');
}
config.contentsCss = ['/ckeditor/contents.css'].concat(myFonts);
}
  1. Now when editing or creating a page, you will see Source Sans Pro as an option in the Font drop-down menu.
     

To add multiple Google Fonts

Add the Google Fonts of your choice (separated by commas) to the myFonts list:

myFonts = ['Source Sans Pro' , 'Rokkitt' , 'Raleway'];
  • Was this article helpful?