【问题标题】:React Native Disable LigaturesReact Native 禁用连字
【发布时间】:2022-01-07 21:35:38
【问题描述】:

有没有办法防止在 React Native 应用程序中发生连字?

我们使用的是“Roobert”字体,它将字母“f”和“i”组合成一个连字。

      <Text
        style={{
          fontFamily: "roobert",
        }}
      >
        Profile
      </Text>

这似乎也随着字母间距的增加而发生。

我只想有没有连字的普通“个人资料”文本。

【问题讨论】:

  • css @font-face 规则 font-variant-ligatures: none; 中的 css 声明可能有效?
  • 这是 React Native,不是 css
  • 对不起。将属性传递给样式对象怎么样? fontVariantLigatures: 'none'?
  • 什么都不做:/
  • 只是好奇:你为什么不想要连字?你真的是这样扩大字母间距吗?

标签: javascript ios iphone react-native fonts


【解决方案1】:

U+200B 字符可以用来去掉这个。

通过在来自连字的字符之间添加 U+200B 字符,可以防止形成连字。

所以:Profile(有不可见的字符)

代替:个人资料

https://unicode-table.com/en/200B/

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-02-02
    • 2020-03-01
    • 1970-01-01
    • 1970-01-01
    • 2022-11-02
    • 2017-11-21
    • 2018-12-03
    相关资源
    最近更新 更多