Google fonts for beginners

1. Find the font on http://www.google.com/fonts

2. Add fonts to Collection

3. Click on "Use" into collection panel

4. From section "3. Add this code to your website:" select the tab "@import"

5. Copy this url:  e.g. @import url(http://fonts.googleapis.com/css?family=Exo+2|Alegreya+Sans+SC);

6. Edit config.js from CKEditor directory

7. Paste into CKEDITOR.editorConfig section link to Google css file and font names, e.g.

CKEDITOR.editorConfig = function( config ) {
config.language = 'en';
config.uiColor = '#AADC6E';

config.contentsCss = 'http://fonts.googleapis.com/css?family=Exo+2|Alegreya+Sans+SC';

config.font_names = config.font_names + 'yourname 1/Exo 2;';
config.font_names = config.font_names + 'yourname 2/Alegreya Sans SC;';

}

8. Save config.js