Skip to main content
MindTouch Success Center

Add Google Fonts to your editor

Access to Google Fonts inside the MindTouch Editor.
  1. Follow instructions to import Google Fonts to your MindTouch site.
  2. Navigate to Site Tools > Control Panel > System Settings > Editor.
  3. Copy and paste the following code into the text field (replace font names with the Google Fonts of your choice).
    CKEDITOR.editorConfig = function(config) {
      config.google_fonts = 'Source Sans Pro;Roboto';
    }
    

    or
    CKEDITOR.editorConfig = function(config) {
      config.google_fonts = ['Source Sans Pro', 'Roboto'];
    }
    
  4. Navigate to Site Tools > Branding > Custom Site CSS and and paste in the following code, modified for your specified Google Fonts.
    /* class name: convert font name to lowercase, replace spaces with dashes and add .mt-font- prefix */
    .mt-font-source-sans-pro { font-family: "Source Sans Pro"; }
    .mt-font-roboto { font-family: "Roboto"; }
    
  5. Now when editing a page, you will see the Google Fonts as an option in the Format > Font menu.
  • Was this article helpful?