在前端開發中，有時我們需要使用等寬字體來顯示文字，這時可以使用CSS來實現。等寬字體指的是每個字符占據的寬度相等，例如 Courier 和 Consolas 字體都是等寬字體。 CSS中可以通過font-family屬性來指定字體名稱，例如： ```css p { font-family: "Courier New", Courier, monospace; } ``` 在上面的例子中，我們指定了三種字體名稱，分別是Courier New、Courier和monospace。其中monospace表示任何等寬字體，如果指定了其他等寬字體，也可以使用monospace來代替。 另外，在CSS中可以使用font-size屬性來設置字體大小。例如： ```css p { font-size: 16px; } ``` 上面的例子中，我們將p標簽的字體大小設置為16像素。 除了字體和字體大小，我們還可以通過line-height屬性來設置行間距。等寬字體通常都比較緊湊，為了讓文字更易于閱讀，可以增加行間距。例如： ```css p { line-height: 1.5; } ``` 上面的例子中，我們將p標簽的行間距設置為1.5倍字體大小。 最后，展示一下使用等寬字體的代碼塊，在HTML中使用pre標簽，CSS中使用font-family和white-space屬性。例如： ```html

function greet(name) {
console.log(`Hello, ${name}!`);
}
greet("world");

``` ```css pre { font-family: "Consolas", "Courier New", Courier, monospace; white-space: pre-wrap; } ``` 上面的例子中，我們使用Consolas、Courier New、Courier和monospace中任何一個等寬字體來顯示代碼塊。white-space屬性設置為pre-wrap表示保留空格和換行符，同時自動換行。 總結一下，在CSS中設置等寬字體需要使用font-family屬性來指定字體名稱，在此基礎上還需要設置字體大小、行間距等屬性來進一步調整文字樣式，同樣的方法可以用于代碼塊。