css 如何将字体进行压扁，即水平缩放scaleX

1、下面是来自baidu ai的结果：

2、下面是测试结果：

.font-yh {text-align: center;font-family: 'msyh';display: inline-block; /* 确保transform作用于元素本身 */transform: scaleX(1.5); /* 水平缩放 */
}

@font-face {font-family: 'msyh';font-style: normal;src: local('Opensans-Bold'), url(/@/assets/fonts/msyh.ttf) format('truetype');}

发现上面的方法，是可以实现字体被压扁的。