今天我們來談一談如何使用CSS讓字體變扁。一般來說，我們可以通過調節字體的寬高比例來實現字體變扁的效果。下面是一些常用的CSS屬性和代碼示例。
首先，我們可以使用font-stretch屬性來控制字體的寬高比例。其中，100%表示正常比例，而超過100%表示比正常更寬，小于100%表示比正常更窄。例如，我們可以設置以下樣式：
pre {
font-stretch: 60%;
}
這樣就會讓pre元素內的所有文字變得比正常字體更窄。
除了font-stretch屬性之外，我們還可以使用text-stretch屬性來實現類似的效果。它的用法和font-stretch類似，不同之處在于它只影響文本的橫向拉伸，而不影響縱向拉伸。例如：
pre {
text-stretch: 60%;
}
這樣也可以讓pre元素內的所有文字變得比正常字體更窄。
除了以上兩種屬性之外，我們還可以通過transform屬性來實現字體變扁的效果。其中，scaleX()函數可以控制文本在水平方向上的縮放比例，而scaleY()函數可以控制文本在豎直方向上的縮放比例。例如：
pre {
transform: scaleX(0.5);
}
這樣就會把pre元素內的所有文字在水平方向上縮小一半，從而實現變扁的效果。
總的來說，通過調節字體的寬高比例或使用transform屬性可以讓字體變得更扁。我們可以根據具體情況選擇合適的方法來實現我們想要的效果。