css - 叙利亚文脚本未在 CSS 中连接

Question

当我在我的网站上用叙利亚语-阿拉姆语写作时，这些字母拒绝相互连接。这是我要显示的文本：ܠܐ ܨܒܝܢ ܐܳܪ̈ܳܡܳܝܶܐ ܕܢܬܚܠܛܘܢ ܥܡ ܐܰܪ̈ܡܳܝܶܐ。

Serto-Jerusalem（以及 Serto-Urhoy）在我的 MacBook Air 2013 上运行良好——可能是因为我之前安装了这些字体。虽然，我确实通过配置文件在我的 iPhone 12 Pro Max 上安装了这些字体。在 iOS 13 之前，如果您在 iPhone 上安装了叙利亚语字体，则该字体将显示在所有平台上，而不是 Apple 自己的内置 Estrangelo 字体版本。但从 iOS 13 开始，安装这些字体仅意味着您可以在 Pages 和 Photoshop 中显示它们。

通过编写font-family: SertoJerusalem或font-family: 'Serto Jerusalem'在 CSS 中，它可以在计算机上正确显示。但是，在字体上，由于某种原因根本不显示，只显示了内置的 Estrangelo 字体。

所以我所做的就是将.OTF字体上传到 Dropbox，然后这样做：

@font-face {
        font-family: Serto;
        src: url('https://www.dl.dropboxusercontent.com/s/i4kjqbe27i2bpn1/SertoTestJerusalem-Regular.otf?dl=0') format('opentype');
    }

虽然现在的问题是字母无法连接，但它们看起来像这样：

虽然我写过<span style="font-family: 'Serto';font-size: 30px;" dir="RTL">ܠܐ ܨܒܝܢ ܐܳܪ̈ܳܡܳܝܶܐ ܕܢܬܚܠܛܘܢ ܥܡ ܐܰܪ̈ܡܳܝܶܐ</span>。

（我已经在 UTF-8 标签中）。

Sublime 将文本显示为： 但浏览器中的代码输出：

标签： cssfontsfont-facearabiccustom-font