在網頁設計中，字體的選擇和設置是至關重要的。CSS和JS可以幫助我們輕松地設置字體。下面我們將分別介紹如何使用CSS和JS設置字體。

1. 使用CSS設置字體

/* 設置整個文檔的字體為微軟雅黑 */
body {
font-family: "Microsoft YaHei", sans-serif;
}
/* 設置段落文字的字體為宋體 */
p {
font-family: SimSun, sans-serif;
}
/* 設置h1標簽的字體為微軟雅黑，字體加粗，字體大小為36像素 */
h1 {
font-family: "Microsoft YaHei", sans-serif;
font-weight: bold;
font-size: 36px;
}

2. 使用JS設置字體

// 獲取文檔中所有p標簽
var allParagraph = document.getElementsByTagName("p");
// 遍歷p標簽，將字體設置為宋體
for (var i = 0; i < allParagraph.length; i++) {
allParagraph[i].style.fontFamily = "SimSun, sans-serif";
}
// 獲取id為"headline"的元素
var headline = document.getElementById("headline");
// 將字體設置為微軟雅黑，字體加粗，字體大小為36像素
headline.style.fontFamily = ""Microsoft YaHei", sans-serif";
headline.style.fontWeight = "bold";
headline.style.fontSize = "36px";

在實際應用中，我們需要根據具體情況來選擇CSS或JS來設置字體。CSS更適合用于全局字體設置，而JS更適合用于局部字體設置。