叙利亚文字未在 CSS 中连接

如何解决叙利亚文字未在 CSS 中连接

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

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

通过在 CSS 中编写 font-family: SertoJerusalem 或 font-family: 'Serto Jerusalem'，它可以在计算机上正确显示。但是，在字体上，由于某种原因根本不显示，只显示了内置的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 将文本显示为：

但浏览器中的代码输出：