CKE and Google Fonts Api

CKEDITOR.replace("youreditor", 
  { 
     'font_names':'serif;sans serif;monospace;cursive;fantasy;Lobster',
     'contentsCss':[ 'http://fonts.googleapis.com/css?family=Lobster' ] 
  }
) ;

myFonts = ['Aclonica', 'Allan', 'Allerta', 'Allerta Stencil', 'Amaranth', 'Angkor', 'Annie Use Your Telescope', 'Anonymous Pro', 'Anton', 'Architects Daughter', 'Arimo', 'Artifika', 'Arvo', 'Astloch', 'Bangers', 'Battambang', 'Bayon', 'Bentham', 'Bevan', 'Bigshot One', 'Bokor', 'Brawler', 'Buda', 'Cabin', 'Cabin Sketch', 'Calligraffitti', 'Candal', 'Cantarell', 'Cardo', 'Carter One', 'Caudex', 'Chenla', 'Cherry Cream Soda', 'Chewy', 'Coda', 'Coda Caption', 'Coming Soon', 'Content', 'Copse', 'Corben', 'Cousine', 'Covered By Your Grace', 'Crafty Girls', 'Crimson Text', 'Crushed', 'Cuprum', 'Damion', 'Dancing Script', 'Dangrek', 'Dawning of a New Day', 'Didact Gothic', 'Droid Sans', 'Droid Sans Mono', 'Droid Serif', 'EB Garamond', 'Expletus Sans', 'Fontdiner Swanky', 'Francois One', 'Freehand', 'GFS Didot', 'GFS Neohellenic', 'Geo', 'Goudy Bookletter 1911', 'Gruppo', 'Hanuman', 'Holtwood One SC', 'Homemade Apple', 'IM Fell DW Pica', 'IM Fell DW Pica SC', 'IM Fell Double Pica', 'IM Fell Double Pica SC', 'IM Fell English', 'IM Fell English SC', 'IM Fell French Canon', 'IM Fell French Canon SC', 'IM Fell Great Primer', 'IM Fell Great Primer SC', 'Inconsolata', 'Indie Flower', 'Irish Grover', 'Josefin Sans', 'Josefin Slab', 'Judson', 'Jura', 'Just Another Hand', 'Just Me Again Down Here', 'Kenia', 'Khmer', 'Koulen', 'Kranky', 'Kreon', 'Kristi', 'Lato', 'League Script', 'Lekton', 'Limelight', 'Lobster', 'Lora', 'Luckiest Guy', 'Maiden Orange', 'Mako', 'Maven Pro', 'Meddon', 'MedievalSharp', 'Megrim', 'Merriweather', 'Metal', 'Metrophobic', 'Michroma', 'Miltonian', 'Miltonian Tattoo', 'Molengo', 'Monofett', 'Moul', 'Moulpali', 'Mountains of Christmas', 'Muli', 'Neucha', 'Neuton', 'News Cycle', 'Nobile', 'Nova Cut', 'Nova Flat', 'Nova Mono', 'Nova Oval', 'Nova Round', 'Nova Script', 'Nova Slim', 'Nova Square', 'Nunito', 'OFL Sorts Mill Goudy TT', 'Odor Mean Chey', 'Old Standard TT', 'Open Sans', 'Open Sans Condensed', 'Orbitron', 'Oswald', 'Over the Rainbow', 'PT Sans', 'PT Sans Caption', 'PT Sans Narrow', 'PT Serif', 'PT Serif Caption', 'Pacifico', 'Paytone One', 'Permanent Marker', 'Philosopher', 'Play', 'Playfair Display', 'Podkova', 'Preahvihear', 'Puritan', 'Quattrocento', 'Quattrocento Sans', 'Radley', 'Raleway', 'Reenie Beanie', 'Rock Salt', 'Rokkitt', 'Ruslan Display', 'Schoolbell', 'Shanti', 'Siemreap', 'Sigmar One', 'Six Caps', 'Slackey', 'Smythe', 'Sniglet', 'Special Elite', 'Sue Ellen Francisco', 'Sunshiney', 'Suwannaphum', 'Swanky and Moo Moo', 'Syncopate', 'Tangerine', 'Taprom', 'Tenor Sans', 'Terminal Dosis Light', 'The Girl Next Door', 'Tinos', 'Ubuntu', 'Ultra', 'UnifrakturCook', 'UnifrakturMaguntia', 'Unkempt', 'VT323', 'Vibur', 'Vollkorn', 'Waiting for the Sunrise', 'Wallpoet', 'Walter Turncoat', 'Wire One', 'Yanone Kaffeesatz'];

config.font_names = 'serif;sans serif;monospace;cursive;fantasy';

for(var i = 0; i<myFonts.length; i++){
      config.font_names = config.font_names+';'+myFonts[i];
      myFonts[i] = 'http://fonts.googleapis.com/css?family='+myFonts[i].replace(' ','+');
}

config.contentsCss = ['/js/ckeditor/contents.css'].concat(myFonts);

include_a_js_file('https://www.googleapis.com/webfonts/v1/webfonts?sort=alpha&key='+MYFEBFONTSKEYWOTIGOTFROMGOOGLE+'&callback=setCKGwebfonts');

/* ***********  setGwebfonts **************** */ 
function setCKGwebfonts(jsonData){
   try {
         CKGoogle_webfonts_entries(jsonData.items);
   } catch(e){  
//   alert(e);   
//  can't do Google webfonts
   }
}
/* *************  Google_webfonts_entries **************** */
function CKGoogle_webfonts_entries(json_items){
   var gFonts=new Array();
    for (j=0; j<json_items.length; j++) {
       CKEDITOR.config.font_names=CKEDITOR.config.font_names+';'+json_items[j].family;   
       gFonts[j] = 'http://fonts.googleapis.com/css?family='+json_items[j].family.replace(' ','+');
   }
   CKEDITOR.config.contentsCss = ['../includes/ckeditor/contents.css'].concat(gFonts);
}

/* *** include_a_js_file ********** */
function include_a_js_file(src){
       if(document.getElementsByTagName){
 //  don't include if it's already there
      var scripts=document.getElementsByTagName('script');
      var got=false;
      for(var i=0; i<scripts.length; i++){
         if(scripts[i].src){
            if(scripts[i].src==src){
               got=true;
               break;
            }
         }
      }
      
      if(!got){
             var head = document.getElementsByTagName('head')[0];   
                  var script = document.createElement('script');
             script.src = src;
             script.type = 'text/javascript';
             head.appendChild(script)
          }
        }
     
}

Can we improve the performance here. i have around 400 web fonts and concat all the css into contents.css take a bit long. how i can improve it?

can i add based on what font user select and dynamically i will add the css into the head ?

Hi,
I use this code and its work percectly but I have a problem with the performance.
I already change the code to make only one request to google for getting the CSS but when I click on the Font Select Box
to open the font list the browser is making a lot of request to google for getting the fonts that need to be display and this is 
taking a lot of time (its downloading 6.2MB because I am using around 60 font).

I googling and find the next plugin for Bootstrap and as you can see they do it using a background image with all the fonts.
http://bootstrapformhelpers.com/googlefont/#.Um_TCXAwojY

I like to do the same for the CKEditor but I do not know how to edit and change the font combobox to work like this.

Can anyone have a solution to my case?