Money-rails Gem 货币符号在某些设备上的重叠问题

Posted 2023-02-15

【中文标题】Money-rails Gem 货币符号在某些设备上的重叠问题

【英文标题】：Money-rails Gem currency symbol overlapping issue on some devices

【发布时间】：2022-01-09 15:24:55

【问题描述】：

我正在使用money-rails 最新版本。 humanized_money_with_symbol 辅助货币符号与下图所示的值重叠：

代码-

p = humanized_money_with_symbol product.price

这适用于最新的设备，如 MacBook、像素、iPhone。该问题仅出现在某些设备上。

宝石详情 -

ruby '3.0.0'

rails, '~> 6.1.4'

money-rails, '~> 1.15.0'

bootstrap 5 webpack 版本 - latest

fonts - Source Sans Pro, arial, sans-serif

下面附上视频链接了解更多详情-

Money rails issue Video

【问题讨论】：

对我来说这似乎是一个 css 问题，与 gem 无关。

这个问题在我使用humanized_money_with_symbol helper 方法的任何地方都会发生。我没有这个助手的自定义 CSS。实际代码 - p = humanized_money_with_symbol product.price

生成的 html 是什么样子的？

@spickermann <p>₹480</p>

我们不能在没有注册 Vimeo 的情况下观看视频，但这绝对是渲染 (HTML/CSS) 问题，而不是 Rails 问题 - Rails 正确返回文本（我假设这是货币符号你要）。我建议您在浏览器中使用 Inspector 来查看元素并了解它为什么被移动。也可能是 UTF 字体渲染问题。如果“问题仅出现在某些设备上”，则问题是 哪些 设备。我建议在进行更多调查后重新关注您的问题。

【参考方案1】：

这不是评论部分其他人建议的 Rails 问题。 Source sans pro font 不支持我的货币符号。

修复 - 更改字体系列

p.custom-font = humanized_money_with_symbol product.price