Javascript Safari兼容MankSans字体的字母间距问题

我正在为网站使用自定义字体（Mank Sans），它应该是这样的：

（谷歌浏览器，正确的行为）

但是，在使用Safari时，它会奇怪地显示：

我如何解决这个问题

谢谢

编辑：这里是我如何包括我的自定义字体：

@font-face {
    font-family:'MankSans';
    src: url('#{$font-path}/MankSans.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

---

试试这个：

letter-spacing: 2px;

但不确定它在chrome中会是什么样子。如果它看起来很奇怪，尝试检测safari，然后设置字母间距

var isSafari = /Safari/.test(navigator.userAgent) && /AppleComputer/.test(navigator.vendor);

if(isSafari) {
  //set letter spacing using jQuery or JS DOM
}

---

查看您提到的其他一些选项，我的上一个选项不起作用

选项A:

字体格式可能错误

.ttf

是Safari和Android设备的标准。您可以查看此问题中的详细信息：

选项B:

上述问题的答案还有几个选项，因为这是一个

文本呈现问题

问题：

选项C:

一些人说safari的渲染有问题，解决问题的方法是定义字体的重量：

font-weight:400

选项D:

---

如果它最终是一个渲染问题，并且找不到其他解决方案，那么黑客可能会让一个图像替换文本，即使它没有那么友好

不会改变，在我的屏幕上，你可以看到我只有F和A的问题，在F和L附近，没有问题。我不明白为什么Safari会“制造”这样的问题。我在Firefox上也没有问题嗯。。让我看看其他问题。字体是什么文件格式？我的格式是.ttf