Web フォントを使用してタイ語/ラオス語の文字を表示するアプリケーションを開発しています。そのために、次のようにカスタム フォント フェイスを定義しています。
@font-face {
font-family: 'SaysetthaWeb';
src: url('./saysettha-web.eot') format('embedded-opentype');
src: url('./saysettha-web.eot?#iefix') format('embedded-opentype'),
url('./saysettha-web.woff') format('woff'),
url('./saysettha-web.ttf') format('truetype'),
url('./saysettha-web.svg#SaysetthaWeb') format('svg');
font-weight: normal;
font-style: normal;
}
これを ionic Web サーバーでテストするとionic serve
、Firefox と Chrome で非常にうまく動作します。フォントが読み込まれ、文字が適切に表示されていることがわかります (私は Mac OS X Mountain Lion で作業しています)。
次に、Androidデバイス(Android 4.2.1 Jelly Beansを搭載したGalaxy Nexus)で同じことをテストするとionic run android
、タイ語/ラオス語の文字は表示されませんが、代わりに空白があります。
シンボル フォントを読み込んで、Web ブラウザと Android デバイスで文字がシンボルに置き換えられていることを確認して、webfont/font-face CSS コードをテストしましたが、うまく機能しました。
index.html のメタ タグを修正しようとしましたが、うまくいきませんでした:
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
また、html ページのソースで代わりに 16 進コードを使用しようとしましたが、結果は同じでした。
私は本当に困惑しています...何か考えはありますか??
ありがとう!