Javascript 更改字体系列后，UIWebView文本最初呈现不正确

我正在尝试使用javascript更改UIWebView中显示的文本的字体。我通过调用一个javascript函数来实现这一点，该函数将css规则添加到跨度和段落元素中

问题是，当我在应用程序打开后第一次这样做时，第一次使用新字体呈现webview，但在将近2-3秒后，单词的位置会稍微滑动，比如如果我缩小了文本的行距

第一次加载后，所有其他字体更改请求都能正常工作，文本可见后间距和位置不会改变

这种奇怪行为背后的原因是什么？我能做些什么来解决这个问题

我尝试将css规则直接添加到html代码中，但它不会改变结果

---

谢谢

尝试应用此css

左侧填充：5px；左边距：-5px在跨度上。填充是用于更正渲染文本的空间，边距是用于将元素恢复到原始位置。
您使用Safari测试过脚本吗？是的，我尝试过使用mobile Safari，但没有这样的问题。我还使用了css3特性，即使用“webkit column gap”和“webkit column width”属性进行动态列拆分。也许两者都使用会导致这个问题。但它不应该这样做。如果它在Safari中表现良好，我会将它作为一个bug报告提交给苹果。一个虚拟的解决方法可能是在加载UI网络视图之前，将短格式文本加载到1x1px甚至不可见的网络视图中。