Fonts 更改“中的字体”；完成了&引用；文本

我试图用这段视频制作一个网站：

以下是我所做的加载：

<progress id="progressBar" value="0" max="100" style="width:200px; height:50">
</progress>
<span id="status">
</span>
<h1 id="finalMessage">
</h1>
<script type="text/javascript" language="javascript">
function progressBarSim(al) {
var bar = document.getElementById('progressBar');
var status = document.getElementById('status');
status.innerHTML = al+"%";
bar.value = al;
al++;
var sim = setTimeout("progressBarSim("+al+")",70);
if(al == 100){
    status.innerHTML = "100%";
    bar.value = 100;
    clearTimeout(sim);
    document.getElementById('finalMessage').innerHTML = "Completed!";
}

巴西姆函数（al）{
var bar=document.getElementById（'progressBar'）；
var status=document.getElementById（'status'）；
status.innerHTML=al+“%”；
bar.value=al；
al++；
var sim=设置超时（“progressBarSim”（+al+”），70）；
如果（al==100）{
status.innerHTML=“100%”；
bar.value=100；
清除超时（sim）；
document.getElementById（'finalMessage'）.innerHTML=“已完成！”；
}

}

var amountLoaded=0； progressBarSim（装载量）；

（删除脚本结束标记中的空格）

---

但令人惊讶的是。我需要更改“已完成！”文本的字体。你能告诉我怎么做吗？

使用相同的例程更改CSS中的字体。

document.getElementById（'finalMessage'）。innerHTML=“已完成！”；
document.getElementById('finalMessage').innerHTML = "<div style='font-size:20px'>Completed!</div>";

类似上面建议的，或者类似这样：document.getElementById（“finalMessage”）.style.font=“italic bold 20px arial，serif”；