如何正确解析梵文/印地语@ font-face

Question

从这个字符串开始：

वृत्तयः पञ्चतय्यः क्लिष्टाक्लिष्टा

我试图在我的移动设备上呈现它（通过Cordova / PhoneGap）。

在我的浏览器（localhost:8000）上显示正常。正如它在示例中显示的那样好。但在我的设备上，它看起来像这样：

它肯定采用了我的字体（Karma-Light），因为我注意到别名比默认的Helvetica，sans-serif等更精细。

我的CSS看起来像这样：

@font-face {
    font-family: 'Karma';
    src: local('Karma'), url('../fonts/Karma-Light.ttf') format('truetype');
    unicode-range: U+0900–097F;
    font-weight: normal;
    font-style: normal;
}

.devanagari { font-family: 'Karma', Helvetica, Arial, sans-serif; }

我尝试了各种不同的unicode-range，并且省略了unicode-range但是所有内容都以相同的方式显示。

有什么想法吗？

Answer 1

万一有人被困在这里！

在index.html

中打开/src/

并确保它说明了这一点！

<meta charset="utf-8" name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">

声明charset使其正常工作。