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

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' }