在Web開發中，字體是非常重要的因素之一，合適的字體可以讓網站看起來更加美觀，易讀性更高。但在某些情況下，我們可能需要讓字體更加緊湊，以適應有限的空間。那么，如何用CSS來實現字體緊湊呢？

p {
font-family: Arial, sans-serif;
font-size: 16px;
letter-spacing: -1px;
word-spacing: -2px;
}

我們可以通過調整CSS中的letter-spacing和word-spacing屬性來實現字體的緊湊效果。這兩個屬性都可以取負值，使得字符間的間距變小，從而實現緊湊效果。

需要注意的是，letter-spacing和word-spacing屬性的取值并不一樣。letter-spacing是字符之間的間距，而word-spacing是單詞之間的間距。因此，在使用這兩個屬性時，我們需要根據實際情況來確定合適的取值。

我們還可以進一步調整CSS中的line-height屬性，使得行間距也變得更小。這樣可以在有限的空間內顯示更多的文字，提高頁面的信息密度。

p {
font-family: Arial, sans-serif;
font-size: 16px;
letter-spacing: -1px;
word-spacing: -2px;
line-height: 1.2;
}

總之，在Web開發中，CSS字體的緊湊效果是非常有用的技巧。通過調整字體的間距和行高，可以使得頁面更加美觀、易讀，同時提高頁面的信息密度。