Wie man richtig analysieren Devanagari/Hindi für @ font-face

Question

mit der Saite Ab:

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

Ich versuche es auf meinem Mobilgerät zu machen (über Cordova/PhoneGap).

In meinem Browser (localhost:8000) zeigt es sich gut. So wie es im Beispiel gut aussieht. Aber auf meinem Gerät, sieht es wie folgt aus:

Es ist die Annahme definitiv meine Schrift (Karma-Light), weil ich das Aliasing bemerken ist feiner als die Standard-Helvetica, sans-serif usw.

Meine CSS sieht wie folgt aus:

@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; } 

ich eine Vielzahl von verschiedenen Unicode-Bereiche versucht haben, sowie eine Unicode-Bereich nicht enthält, aber alles manifestiert sich in der gleichen Weise.

Irgendwelche Ideen?

Answer 1

Nur für den Fall, dass jemand hier feststeckt!

Öffnen Sie Ihre index.html in Ihrem /src/

und stellen Sie sicher, dass es sagt, das!

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

Die Erklärung des Zeichensatzes lässt es funktionieren.