Javascript 选择框中所选值的开关/大小写用法

我有一个选择框，里面有几个选项。当选择一个选项时，Javascript代码将获取所选选项的值，并且必须相应地更改文本的字体

我想我会使用Switch Case语句，因为我有多个选项，但它似乎不起作用，没有任何变化

Javascript

function font() {
    var sf = document.getElementById('box').value;
    var generate = document.getElementById('generate');

    switch (sf) {
        case 'TimesNewRoman':
            generate.style.fontFamily('Times New Roman')
            break;
        case 'Georgia':
            generate.style.fontFamily('Georgia')
            break;
        case 'PalatinoLinotype':
            generate.style.fontFamily('Palatino Linotype')
            break;
        default:
            generate.style.fontFamily('Arial')
    }
}

HTML

<select id="box" onchange="font();">
    <option id="TNR" value="TimesNewRoman">Times New Roman</option>
    <option id="GRG" value="Georgia">Georgia</option>
    <option id="PLT" value="PalatinoLinotype">Palatino Linotype</option>
</select>
<br />
<div id="generate">This is some text</div>

新罗马时代
佐治亚州
帕拉蒂诺型


这是一些文本

注

我在列表中有更多选项，但为了简单起见，我缩短了它

---

我使用此语句是错误的，还是完全遗漏了什么？

如果您还没有分配任务，请使用

generate.style.fontfamine=“Arial”
如果您还没有分配任务，请使用
generate.style.fontfamine=“Arial”
我想你是指分配
generate.style.fontfamine='Palatino-Linotype'
我想你是指分配
generate.style.fontfamine='Palatino-Linotype'