I've run into an issue retrieving the current font-family property of an element from within an iframe... Is this not possible? Is there a workaround one might be able to suggest? It would really really help me as I'm stuck on this one.

For example, while working directly within the document, I can retrieve the current font being used successfully by the usual:

1. <script type="text/javascript">
   $(document).ready(function(){
       var getFontFamily = $("#get_font_of_this").css("font-family");
       alert(getFontFamily);
   });
   </script>
   
   
   
   
   
   
   
   

("Comic Sans MS",cursive), for example, is returned.

When I execute this code from a parent document when the page that contains the styled element is loaded in an iframe, I simply get (serif) returned:

1. <script type="text/javascript">
   $(document).ready(function(){
       $("#iframe").load(function(){
           var getFontFamily = $("#iframe").contents().find("#get_font_of_this").css("font-family");
           alert(getFontFamily);
       });
   });
   </script>
   
   
   
   
   
   
   
   

If this just simply isn't possible, then could someone please be my bearer of bad news - but as far as I've experienced, I can retrieve every other css property through the iFrame, so why not the font-family?

Thanks for any help anyone can offer!!!