多个字符被渲染为单个glyph时无法正常计算宽度

[kinginsun]

测试文本：
The procedure was successfully applied for the determination of carbamazepine in pharmaceutical samples, human plasma and breast milk.

然后标记procedure正常，标记“successfully” 开始位置正确，结束位置错了，“successfully”后面的词标记的开始和结束都错位了。

本地和https://synyi.github.io/poplar/#/annotate 在线测试都是同样结果。

[longfangsong]

测试文本：
The procedure was successfully applied for the determination of carbamazepine in pharmaceutical samples, human plasma and breast milk.

然后标记procedure正常，标记“successfully” 开始位置正确，结束位置错了，“successfully”后面的词标记的开始和结束都错位了。

本地和https://synyi.github.io/poplar/#/annotate 在线测试都是同样结果。

已经在修复这一问题。
这一问题似乎只在Firefox上存在，如果急着使用，可以尝试使用Chrome。

[kinginsun]

牛！非常感谢

[longfangsong]

经查，该问题是由于部分浏览器+字体的组合下，会将多个字符（例如相邻的f和l）渲染为单个glyph，而getExtentOfChar()方法此时返回的width并非这个字符的宽度。

在解决这一问题之前，较为保险的方案是使用等宽字体作为英文字体。

Stackoverflow 上的相关问题

[kinginsun]

把font-family改成”Courier New“后就正常了，谢谢。