Flutter默认字体坑了我们整整一年

如果你用Flutter做iOS应用,默认的系统字体是 SF Pro Text,但是!它在显示中文字的时候,不支持 w500(中等加粗)!

也就是说,你在代码里设置 FontWeight.w500,中文部分可能根本不会变粗!肉眼看几乎跟普通字重没区别...... 这坑我整整一年才发现!😤

对于Together App来说,最典型的就是我们每个页面的标题,我们其实都用了w500,但是默认情况下,标题并不会变粗一点点。

解决方案:

在主题里面手动指定字体'PingFang SC',这样中文也能自动能应用上w500.

less 复制代码
MaterialApp(
    title: "Together",
    theme: ThemeData(
        fontFamily: "PingFang SC",
        //....
    ),
)

加上这个以后,标题自然就能变成恰当的粗细了,当然其他用了w500的地方也一样。

为了解决这个问题,我们当时还特地引入了阿里的普惠体,导致包体积无辜增大了好几个M,真是,无发可说!

总结:

👉 如果你在 iOS 上发现中文 w500 没有变粗,要手动指定 PingFang SC!

👉 别被 Flutter 默认字体坑了!这东西可能让你的 UI 一年都不对劲!🔥🔥🔥

这坑了我一年,别让它坑了你!⚠️ 如果你也遇到过 Flutter 的坑问题,一起在评论区交流一下!🗣️

相关推荐
九丝城主18 小时前
2025使用VM虚拟机安装配置Macos苹果系统下Flutter开发环境保姆级教程--上篇
服务器·flutter·macos·vmware
瓜子三百克1 天前
七、性能优化
flutter·性能优化
恋猫de小郭1 天前
Flutter Widget Preview 功能已合并到 master,提前在体验毛坯的预览支持
android·flutter·ios
小蜜蜂嗡嗡2 天前
Android Studio flutter项目运行、打包时间太长
android·flutter·android studio
瓜子三百克2 天前
十、高级概念
flutter
帅次2 天前
Objective-C面向对象编程:类、对象、方法详解(保姆级教程)
flutter·macos·ios·objective-c·iphone·swift·safari
小蜜蜂嗡嗡2 天前
flutter flutter_vlc_player播放视频设置循环播放失效、初始化后获取不到视频宽高
flutter
孤鸿玉2 天前
[Flutter小技巧] Row中widget高度自适应的几种方法
flutter
bawomingtian1232 天前
FlutterView 源码解析
flutter
Zender Han3 天前
Flutter 进阶:实现带圆角的 CircularProgressIndicator
flutter