当前位置: 首页 > article >正文

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

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


http://www.kler.cn/a/517978.html

相关文章:

  • StarRocks 安装部署
  • 24.日常算法
  • Android Studio打包APK
  • scala基础学习(数据类型)-哈希表
  • 吴恩达深度学习——深层神经网络
  • 关于deepin上运行Qt开发的程序
  • Spring Boot 集成 WebClient 实战教程 实现同步、异步请求处理以及响应式编程、响应式流、响应式Mono
  • 管理方法(15)-- 向华为学习根因分析
  • 小盒科技携手体验家,优化智能教育服务体验,打造在线教育新高度
  • seq2seq以及注意力机制
  • js小游戏---2048(附源代码)
  • 支持大功率输出高速频闪的图像处理用光源控制器
  • 亿坊软件前端命名规范
  • windows在命令行中切换盘符
  • springboot中DTO、VO、Entity相互转换
  • 低代码系统-产品架构案例介绍、得帆云(九)
  • 如何用VSCODE配置C++多文件编译
  • three.js+WebGL踩坑经验合集(2):3D场景被相机裁切后,被裁切的部分依然可以被鼠标碰撞检测得到(射线检测)
  • 豆包MarsCode:小C的类二进制拼图
  • ansible自动化运维实战--yaml的使用和配置(7)