怎么用JS控制内嵌框架里字体的大小变化

我用下面一段代码可以做到控制页面里的字体大小变化，但是如果页面里有内嵌框架时，框架里的字是不会跟着变的，请问有什么办法可以让页面的JS对内嵌框架也有效啊？

<script language="JavaScript" type="text/JavaScript">
var size=14; //字体大小
function fontZoom(fontsize){ //设置字体
size=fontsize;
document.getElementById('ShowContent').style.fontSize=size+'px';
}
function fontMax(){ //字体放大
size=size+2;
document.getElementById('ShowContent').style.fontSize=size+'px';
}
function fontMin(){ //字体缩小
size=size-2;
if (size < 2 ){
size = 2
}
document.getElementById('ShowContent').style.fontSize=size+'px';
}
</SCRIPT>

<div align="center" style="margin:10px; font-size:14px;">【字体：</font><a href="javascript:fontMax()" class="link4">放大</a> <a class="link4" href="java

你如果要控制内嵌框架里字体大小，你在当前页面引用内嵌框架然后设置即可。

将你的代码修改如下：

<div align="center" style="margin:10px; font-size:14px;">【字体：</font><a href="javascript:setFont(fsize+=2)" class="link4">放大</a> <a class="link4" href="javascript:setFont(fsize=14)">正常</a> <a href="javascript:setFont(fsize-=2)" class="link4">缩小</a>】 【<a href="javascript:window.print();" class="link4">打印页面</a>】【<a href="javascript:window.close();" class="link4">关闭窗口</a>】</div>

<div id="ShowContent" style="line-height:20px;"> 内容内容

<iframe width="200" height="200" name="testname" border=1></iframe>
</div>

<script language="JavaScript" type="text/JavaScript">
var fsize=14; //字体大小