mobile safari で web font を用いたときに文字の間隔が空いてしまうときの対処方法

経緯

任意の欧文フォントを使用したくて @font-face を用いてオリジナルの font-family で使用するようにしていたのだが、なぜだが欧文フォントの間隔が mobile safari でみると空いてしまう問題がおきた。

原因

どうやら mobile safari のレンダリングのバグなのか、 web font に対して font-weight: bold; が適用されているとそういった表示になってしまうらしい。
任意の欧文フォントを使用する style に関しては font-weight: normal; を適用することで無事解決した。