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

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

2、下面是测试效果：

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

复制代码

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

复制代码

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


免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。