收藏
回答

小程序全局采用同一种字体是什么体验?

在 Android 端和 iOS 端,由于系统字体不一样(尤为 Android 端,各自为政,很多都有自家定制的字体,还支持按照喜好替换系统字体),且在开发过程中,会出现一些意料之外的问题。

比如,

  • 在图标与文本居中对齐没有 iOS 好,出现偏下或者偏上的情况,都是有的
  • 部分系统,由于 line-height 等不同,当 line-height 和 height 相同来实现水平居中时,文字顶部被剪切一小部分的情况也是有存在的
  • 还有加粗效果不一致,造成不同系统上页面也有不一样的差异。例如当 font-weight: 600 时,在 iOS 上会加粗,而 Android 上却无加粗效果
  • 以上这些,都跟字体相关。在测试过程中,都会被提出来...
  • ....

由于这些种种的情况,在处理上需要花费过多的时间去处理,同时也不一定能把兼容性处理得很好。

所以我在想,能不能将项目本身的字体全局设置为同一种,然后就不用把时间花在这上面了,让其在各端系统上出现一致的实现效果?

在字体这方面,iOS 体验较好,兼容性问题相比 Android 端也少很多很多。所以有几个小疑问,请教各位大佬:

  1. 假如我在项目中统一采用了 iOS 字体,然后在 Android 端上会不会出现字体侵权等问题?
  2. 一般需要设置多少种类型的字体?比如常规、加粗、斜体等。(项目中一般只用常规和加粗)
  3. 一旦应用了非系统字体,在一些组件(或者原生组件,例如 input、textarea、canvas)会不会出现不生效的情况?
  4. 在我们项目中,一般都会同时支持微信、支付宝、甚至百度小程序上,这种设置在其他平台同样支持吗?
  5. 例如我要下载 iOS 整套字体,在哪可以完整地下来?

大佬们,如有这方面的经验或者踩坑经历,烦请不吝赐教,非常谢谢!

最后一次编辑于  2020-05-16
回答关注问题邀请回答
收藏

1 个回答

  •  
     
    2020-05-16

    小白一个但是,了解部分问题,

    1.会出现侵权问题。例子可以参考 在 windows 中的字体你可以免费使用,但如果你用于设计海报、打印(或其他方式),就属于侵权,因为他们一些字体仅限于 windows 的(基本)使用

    2.会在原生组件中出现不生效,因为 原生组件使用的是手机系统字体,无法通过小程序修改


    2020-05-16
    有用
    回复 1
    • 慢慢。
      慢慢。
      2020-05-18
      好的,谢谢
      2020-05-18
      回复
登录 后发表内容
问题标签