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');
}
发现上面的方法,是可以实现字体被压扁的。