Typekit in CKEditor

I am using Typekit for some fonts on my site. It uses the following code to add the fonts to a page, but adding them to the page that the CKEditor is on does not work. How can I get these fonts to appear in the editor?

Thanks.

<script type="text/javascript" src="http://use.typekit.com/bkc8raq.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

Wed, 09/05/2012 - 11:54

aik099

Joined: 19/05/2011

Posts: 5

Re: Typekit in CKEditor

Here what I've managed to assemble after 3 hours of digging over Internet:

CKEDITOR.on(
   'instanceReady',
   function(ev) {
      var $script = document.createElement('script'),
         $editor_instance = CKEDITOR.instances[ev.editor.name];

      $script.src = '//use.typekit.com/bkc8raq.js';
      $script.onload = function() {
         try{$editor_instance.window.$.Typekit.load();}catch(e){}
      };

      $editor_instance.document.getHead().$.appendChild($script);
   }
);

Trick here is to use CKEditor's "window" object, that comes from iframe.