title: Change font inside an iframe
body: <p>I have a HTML page that have an <code>iframe</code>. I want to change style of iframe content but I don't seem to be able to do so.</p>
  
  <p>I want to change the font of all content inside the <code>iframe</code> to "Tahoma". This is my code:</p>
  
  <pre><code>&lt;!DOCTYPE&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  
  &lt;title&gt;phpinfo()&lt;/title&gt;
  &lt;style type="text/css"&gt;
  #outerdiv
  {
  width:446px;
  height:246px;
  overflow:hidden;
  position:relative;
  }
  
  #inneriframe
  {
  position:absolute;
  top: -508px;
  left: 0px;
  width: 100%;
  height: 615px;
  font-family: Tahoma;
  }
  &lt;/style&gt;
  
  &lt;script&gt;
  onload = function()
  {
   document.frm.document.body.style.fontFamily = "Tahoma";
  }
  &lt;/script&gt;
  
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;div id='outerdiv '&gt;
  &lt;iframe  name="iframe" src="http://m.sarafikish.com" id='inneriframe' name="frm" scrolling=no frameborder="0"  &gt; &lt;/iframe&gt;
  &lt;/div&gt;    
  &lt;/body&gt;&lt;/html&gt;
  </code></pre>