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?