Android 移动web浏览器上的Thana字体

我正在使用一种叫做Dhivehi（马尔代夫语）的小型语言的字体。字母表被称为“Thaana”。有许多Unicode字体可供使用（如Microsoft的MV Boli）。它是从右向左写的。 虽然它在笔记本电脑的网络浏览器上显示得非常完美，但在基于手机的浏览器上显示得并不正确

我使用以下CSS代码应用字体：

@font-face {
font-family: 'Eamaan';
src: url('http://www.sun.mv/css/MvEamaanXP.ttf') format('truetype');
}

.thaana{direction:rtl; float:right; unicode-bidi: bidi-override;font-size:16pt;
                float: left;font-family:"Eamaan"; padding:2%;}

对于我的HTML，我使用以下内容：

<p class="thaana">މިއީ ހަމަ ރަގަޅު ކަމެކެވެ</p>

这会在网络浏览器上产生清晰的文字，但是（对我来说）在任何基于手机的浏览器上都不起作用

---

如果有任何帮助，我们将不胜感激。

我想知道问题是否出在真字体的使用上。Chrome（Blink）和WebKit浏览器（Android stock）应该支持true type，但当我在桌面上的Chrome中运行这段代码时，我看不到Eamaan得到渲染

使用Waheed，他们使用的是以Chrome fine呈现的开放式字体版本。如果您的

font-face

规则的URL中有Eamaan的开放式字体，我建议添加它

例如：

@font-face {
    font-family: 'Eamaan';
        src: url('http://www.sun.mv/css/MvEamaanXP.ttf') format('truetype'),
            url('http://www.sun.mv/css/MvEamaanXP.otf') format('opentype');
}

您可能希望将其进一步扩展，以包括

.eot

、

.woff

和

.svg

，以全面支持

字体

：

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); /* IE9 Compat Modes */
    src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('webfont.woff') format('woff'), /* Modern Browsers */
        url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */
}

---

移动浏览器通常不会实现桌面浏览器的所有功能。但是你可以用字符图像来呈现文本。你在测试哪些移动浏览器？Android/iOS浏览器？iOS野生动物园？歌剧？如果你在Android上的股票浏览器上进行测试，你可能会发现一些问题。这些是由OEM实现的WebKit的分叉变体。此外，请检查是否支持这些功能：仅使用一种字体格式是不够的。关于这个话题有几个老问题（答案可能有点过时）。@MattSmith，我一直在Chrome和stock浏览器上尝试。