Office.js操作Word：insertHtml插入HTML时字体异常问题咨询

我之前也碰到过一模一样的情况，这其实是Word对HTML内容的样式映射机制在搞鬼——Word默认会把HTML里的<p>标签关联到它内置的一套专门针对HTML段落的样式，这套样式的默认字体就是Times New Roman；而<div>标签则会直接继承文档的默认字体（也就是你这里的Calibri）。至于最后一个<p>能正常显示Calibri，是因为插入后它会和文档中插入点后续的段落自动“融合”，继承了文档的默认样式，前面的<p>则被当作独立的HTML块，保留了Word的默认HTML段落样式。

下面给你几个可行的解决方案：

• 显式指定内联样式：直接在HTML的<p>标签里加上字体样式，强制覆盖Word的默认映射，这是最直接的方式：

  <p style="font-family: Calibri; font-size: 11pt;">Hello</p>
  

  这种方法能确保每个段落的样式完全符合预期，不受Word默认规则的干扰。

• 插入后统一设置样式：如果不想修改原始HTML内容，可以在调用insertHtml后，通过Office.js API选中插入的内容，统一调整字体：

  // 先执行HTML插入操作
  await context.document.getSelection().insertHtml(myHtml, "replace");
  await context.sync();
  
  // 获取刚插入的内容（因为用了replace，当前选中的就是新插入的内容）
  const insertedRange = context.document.getSelection();
  // 设置字体及字号（字号可选，匹配文档默认值即可）
  insertedRange.font.name = "Calibri";
  insertedRange.font.size = 11;
  await context.sync();
  

• 替换

  为

  （可选）：如果你的内容不需要严格的语义化段落标签，可以把HTML里的<p>换成<div>，这样所有内容都会自动继承文档的默认字体。不过这个方法只适合对语义要求不高的场景。

本质上，Word在导入HTML时会维护一套独立的HTML样式集，和文档的Normal样式是分开的，这就是导致两种字体差异的核心原因。

内容的提问来源于stack exchange，提问作者Marius Conjeaud