通过JavaScript设置其他样式效果很好，但是如何设置字体系列？

Question

For example, on this page , opening the JS console in DevTools and running:

document.body.style.color = 'purple'

Sets the color to purple. The style is obviously applied and is visible in DevTools as element.style . But running:

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

Update: even removing the typo (extra semi colon) has no effect.

Update: scratch that. I made a mistake. Please delete the question. I've already deleted my incorrect answer

Doesn't work. The style is not applied and is not visible in DevTools under element-style .

Why isn't setting fontFamily working? How can I change the font using JavaScript?

Answer 1

Using semicolon inside quotes makes conflict.So Remove semicolon ;

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

Example:

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

 <p>Test Font Familt</p>