如果你是一名網站開發者，你一定會經常使用 JavaScript 這個語言來處理很多動態頁面效果。除了這些效果，頁面的字體樣式也是非常重要的一部分，因為一個好的字體樣式可以讓用戶更好的閱讀網站內容以及增強品牌形象。那么，我們該如何使用 JavaScript 來更改字體呢？< p >1.使用 document.getElementById() 來獲取頁面元素< /p >< pre >var demo = document.getElementById('demo'); // demo 是一個元素的 id< /pre >

2.使用 style 屬性來更改字體樣式

< pre >demo.style.fontFamily = 'Arial, sans-serif'; //將字體樣式改為 Arial demo.style.fontSize = '16px'; //將字體大小改為 16 像素 demo.style.fontWeight = 'bold'; //將字體加粗< /pre >

3.在 CSS 中聲明字體樣式也是可行的

< pre >#demo{ font-family: Arial, sans-serif; font-size: 16px; font-weight: bold; }< /pre >

4.動態更改字體樣式

< pre >function changeFont(){ demo.style.fontFamily = 'Georgia, serif'; demo.style.fontSize = '18px'; demo.style.fontWeight = 'normal'; }點擊更改字體< /pre >

5.應用不同的字體樣式到不同的元素

< pre >var title = document.getElementById('title'); var paragraph = document.getElementById('paragraph'); title.style.fontFamily = 'Helvetica, Arial, sans-serif'; title.style.fontSize = '24px'; title.style.fontWeight = 'bold'; paragraph.style.fontFamily = 'Georgia, serif'; paragraph.style.fontSize = '16px'; paragraph.style.fontWeight = 'normal';< /pre >以上就是使用 JavaScript 更改字體樣式的一些方法，希望對你有所幫助。請注意，字體樣式的選擇應該與所傳達的信息的性質相適應。例如，劇烈的字體讓人感到緊張不安，而柔和的字體則會讓人感到舒適和親切。因此，選擇適當的字體風格是一門藝術。