Css 在windows上使用多种语言和web字体时使用Chrome包装文本

我有一个网站，有阿拉伯语和英语的内容，我正在使用网页字体来设计标题，还有一些英语和阿拉伯语的按钮，所以我的css基本上是这样的：

.header {
    font-family: 'Droid Arabic Kufi', 'Source Sans Pro', sans-serif;
}

当元素具有

浮动

样式或显示为

内联块

时，在Windows上的Chrome中会出现问题，出于某种原因，即使不需要，它也会包装文本，以下是一个示例：

这是Mac上的样本，显示在一行上，宽度为156px

这是Windows上的示例，它显示在两行上，宽度为154px

如果我添加

空白：nowrap到元素窗口将正确显示它，真正让它奇怪的是它使用相同的宽度154px


我不想应用
空白：nowrap因为有时我需要包装文本，而要找到需要使用自定义字体而不包装文本的位置并不容易

我认为这个问题与空白有关，特别是因为我有时会遇到这样的问题

此问题仅在Windows上的Chrome中显示。
我在Chrome中使用各种Google Web字体时遇到类似问题

我在打印文本的末尾添加了一个空格，chrome能够正确解析长度和包装

我的问题是为什么会这样

我的猜测是，在呈现web字体时有一些额外的步骤，在css预处理器计算出字体间距后执行。添加额外的空间充当css预处理器的缓冲区。
我有一个类似的问题，使用
空白：nowrap不是一个选项

我们只需等待chrome更新，因为我在中测试了同一页面，没有执行不必要的包装。
它没有为我解决问题，仍然在寻找更好的解决方案。