1

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 進コードを使用しようとしましたが、結果は同じでした。

私は本当に困惑しています...何か考えはありますか??

ありがとう!

4

1 に答える 1