javascript - 如何根据使用的语言使用CSS增加文本的空间宽度？

Question

我在 WordPress 网站上使用“Nafees Nastaliq”字体。该字体提供英语和乌尔都语字符以两种语言书写。乌尔都语不需要英语所需的那么宽的空间。因此，该字体包含宽度较窄的“空格”字符。在网站上，我有时必须在同一个 div 中输入英语和乌尔都语。那么，只有当它们是两个英文字符之间的空格字符时，他们是否才增加“空格”字符的宽度？这是一个示例屏幕截图，其外观如下:

在上面的例子中，系统应该检查它们是否是像“No Category”这样的英文单词，因此“no”和“Categories”之间的空格应该最大化，就像英语中的那样。但对于乌尔都语一侧的“????????”，它不应该增加空间的宽度。

这是 CSS:

li {
    font-family: 'Nafees Nastaliq' !important;
    font-weight: normal !important;
}

我有伪代码:但是如何实现？

1. 选择一个“空间”
2. 检查左侧字符是否在 (A,B,C.. a,b,c...) 中并检查右侧字符是否在 (A,B,C.. a,b,c.. .)
3. 如果是，则increase_space_width()
4. 否则 use_space_as_it_is() 或 do_nothing();

Answer 1

将您想要用乌尔都语编写的所有字符或单词放在具有特定类名称的范围内。例如:

HTML 代码:

<p>
    This paragraph contains multiple languages such as Englsih and <span class="urdu">اردو</span> at the same time. 
</p>

CSS 代码:

p {
    font-familly: "English Font", "Urdu Font";
    font-weight: bBold;
}
p .urdu {
    font-weight: normal;
    /* Your custome style for Urdu language only */
}