Telerik Hybrid Mobile App Issue showing Japanese chars in View

Question

I am building the HTML5 Hybrid mobile app with the help of Telerik AppBuild platform and in one of the view (components/loginview/view.html) I am trying to show language selection dropdown as follows:

<select data-bind="value: addFormData.languagelist" data-role="dropdownlist">
    <option value="en">English</option>
    <option value="ja">日本語</option>
</select>

But for my surprise whenever I run the simulator I get the question marks instead of 日本語 characters.

I checked the main index.html file and found that there is proper meta tag like <meta charset="utf-8" /> present needed to set the charset. I am very much new to this dev platform. So appreciate your help.

Answer 1

Try using a different font in your CSS (reference). Whichever font you are using doesn't have support for those characters and just leaves the question marks as placeholders.