字体系列 iFrame 主体

Cra*_*0ek 1 html javascript css iframe font-family

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

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

javascript iFrameOn 看起来像这样:

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

不幸的是,字体不会更改为我告诉它更改的字体。来自 javascript 的错误控制台说:“Helvetica is not defined(...)”。我该如何解决这个问题,所以 iFrame 中的字体就是我声明的字体?

提前致谢!

Dej*_*n.S 5

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

richTextField.document.body.style.fontFamily = 'Open Sans, Helvetica Neue, Helvetica, Arial, sans-serif';
Run Code Online (Sandbox Code Playgroud)