javascript - 通过 JavaScript 设置其他样式可以正常工作，但如何设置字体系列？

Question

例如，在 this page 上, 在 DevTools 中打开 JS 控制台并运行:

document.body.style.color = 'purple'

将 color 设置为紫色。该样式显然已应用，并且在 DevTools 中显示为 element.style。但是运行:

document.body.style.fontFamily = 'Georgia,Cambria,Times New Roman,Times,serif'

更新:即使删除拼写错误(多余的分号)也没有效果。

更新:从头开始。我犯了一个错误。请删除问题。我已经删除了我的错误答案

不起作用。该样式未应用，并且在 element-style 下的 DevTools 中不可见。

为什么设置 fontFamily 不起作用？如何使用 JavaScript 更改字体？

Answer 1

在引号内使用 semicolon 会产生冲突。所以删除 semicolon;

document.body.style.fontFamily = 'Georgia,Cambria,Times New Roman,Times,serif';

示例:

var p = document.querySelector('p');
p.style.fontFamily = 'Georgia,Cambria,Times New Roman,Times,serif';

<p>Test Font Familt</p>