css - 当 LTR 和 RTL 混合时更正字体大小

Question

当字体大小混合了 LTR 和 RTL 内容时，我遇到了问题。比如说，我有这样的文字:

<p>في 12 ساعة</p>

如果我可以放置方向为 LRT 的 span 来更正字体大小，这将很容易，例如:

<p>في <span dir="ltr">12</span> ساعة</p> 

但是它们很多而且混合在一起，所以在一些正文或标题中放置跨度是不可能的。

如您所见，12 是 LTR。其余为 RTL。

我的 CSS 定义:

p{font-size:16px;}

这对于 RTL 来说看起来不错，但对于 LTR 来说太大了(这里是 12)。

我想要的:- 将 RTL 字体大小保持为 16px- 使其 LTR 字体大小为 12px

你认为有没有一个 CSS 属性可以自动扫描方向而不需要为每个 LTR 放置 span 标签？

如有任何提示，我们将不胜感激。

谢谢

Answer 1

不幸的是，您无法使用 CSS“扫描”文本。尝试使用阿拉伯语中不那么小的字体。如果你问我，4px 的差异太大了。我通常为阿拉伯文本添加 1px 或 2px max。试试“Tahoma”(在阿拉伯文中比较大)