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');
  }

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