Search the Community

Hello internet. I am using <iframe> (with <button>) to switch between different web pages - embedded in the center - of my home page on my site. Everything seems to be OK until I click the button and then I lose some of my font styles on both the home page and the embedded page iframe brings up. Some things to point out: 1. I am calling an external .css and .js files like this: <link rel="stylesheet" type="text/css" href="/myfile.css"> <script src="myfile.js" type="text/javascript"></script> 2. I set up the <button> like this: <button type="button" class="a1" onclick="changesel1()"><div class="menuc1"><font class="ftag1"><b>Home</b></font></div></button> 3. The <iframe> code looks like this: <iframe id="blocks" frameborder="0" img src="http://www.mysite.com/home.html" style="background-color:black" class="iframe1"> 4. I am calling google font styles like this: <link href='http://fonts.googleapis.com/css?family=Trocchi' rel='stylesheet' type='text/css'> Once I click on the button I lose the font class=”ftag1” font style…. What could be the issues here?