设置所见即所得编辑器的默认字体类型

Set Default Font Type of WYSIWYG Editor

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

下面我包含了我的 textareaiframe 的代码。有人可以给我 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>

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

body { font-family: 'Avenir Next' }