字体系列iFrame机身

时间:2016-11-04 11:50:05

标签: javascript html css3 iframe font-family

我在body标签中有一个iFrame,如下所示:

<body onLoad="iFrameOn();">
    <iframe name="richTextField" id="richTextField" style="border:#000 1px solid; width:700px; height:300px;"></iframe>
</body>

javascript iFrameOn如下所示:

function iFrameOn() {
    richTextField.document.designMode = 'On';
    richTextField.document.body.style.fontFamily = "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
}

不幸的是,字体不会改变为我告诉它改变的字体。来自javascript的错误控制台说:“Helvetica未定义(...)”。 我怎么解决这个问题,所以iFrame中的字体是我声明的那个?

提前致谢!

1 个答案:

答案 0 :(得分:3)

你应该将它们设置为一个字符串,

richTextField.document.body.style.fontFamily = 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif';