设置WYSIWYG编辑器的默认字体类型

Question

我正在编写一个所见即所得的编辑器。我希望编辑器的默认字体为Avenir Next。但是，无论我做什么，我似乎都无法设置内容可编辑iframe的默认字体类型。 （我可以提供一个选项来更改突出显示的文本的字体类型，但这不是我想要的。我希望在我第一次输入Avenir Next时将字体类型设置为iframe。）

下面，我包括了textarea和iframe的代码。有人可以给我CSS或JavaScript代码行来帮助我解决此问题吗？谢谢！

<textarea  name = "content" id = "content" style = "display: none;" >
</textarea>
<iframe onload="iframe()" name = "editor" id = "editor" contenteditable="true" style = "width: 100%; height: 400;">
</iframe>

Answer 1

您必须在该iframe的样式上设置字体系列属性，例如：

body { font-family: 'Avenir Next' }