文章/答案/技术大牛

发布

社区首页 >问答首页 >Figma to Flutter -如何修复字体大小差异？

问Figma to Flutter -如何修复字体大小差异？
EN

Stack Overflow用户

提问于 2021-07-14 03:08:46

回答 1查看 562关注 0票数 0

我有一个Figma的设计。看起来很棒。但是当我尝试在flutter中使用字体值时，我遇到了一个问题。字体大小我选择在Figma上，应用程序的前端不能为肉眼呈现相同的结果。

例如，如果我在Figma上设置文本的12px大小，并在Flutter的前端文件上设置相同的(12px)大小，则生成的结果不匹配；Flutter的应用程序字体大小似乎小于Figma屏幕，但它们在px中的大小设置相同。

下面是我的textStyle示例：

 final textMedium =  GoogleFonts.manrope(
    textStyle: TextStyle(
    fontWeight: FontWeight.w700,
    fontStyle: FontStyle.normal,
    fontSize: 12,
    color: Colors.black
 ));

可能的原因是什么，我如何解决它？我需要一个“修正系数”。有什么建议吗？

flutter

dart

user-interface

figma

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-07-14 03:22:30

把你在Figma中的UI设计转换成带有保留意见的flutter。我经历过这种情况，并注意到它们看起来也不是100%相同的。我通常会顺其自然，但是如果你真的想要，我只会增加Flutter的字体大小，并尝试尽可能地匹配Figma中的UI设计。根据字体大小的不同，使用转换因子是不一致的。我认为这是因为像素大小可能会根据设备的不同而不同，而Figma真正关心的是以像素为单位的艺术板大小。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/68368140

复制

相似问题

问Figma to Flutter -如何修复字体大小差异？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Figma to Flutter -如何修复字体大小差异？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Figma to Flutter -如何修复字体大小差异？
EN