Web上に外部Webサイトを表示するWindowsPhone8HTML5アプリを構築しています。ページが読み込まれると、Webフォントを除くすべてのコンテンツと正しいcssスタイルが表示されます。Webフォントはプロジェクトに含まれていません。オンラインのWebサイトから実行されます。また、他のjavascriptがページで機能しているため、javascriptが実行されていることもわかっています。アプリ内でWebフォントを機能させるための解決策を知っている人はいますか?それが役立つ場合は、Windows Phone 8のメインWebブラウザーを問題のWebページに誘導すると、Webフォントが正常に読み込まれます。
1 に答える
カスタム フォントは、Web サイトやその他のモバイル プラットフォームの Web ビューで使用されるのと同じ方法で、Windows Phone 8 HTML5 アプリで使用できます。気をつけなければならないことが2つあります。
- Visual Studio 内でフォント
Properties>Advanced>Build Action
が「コンテンツ」に設定されていることを確認して、プロジェクトのビルドおよびデプロイ時にフォントがデバイスにコピーされるようにします。 - 使用しているフォントが埋め込み用にライセンスされていること、および埋め込みを許可するために TrueType フォントの埋め込み可能フラグが0 に設定されていることを確認してください。iOS と Android はこの埋め込み可能タグを無視しますが、IE10 は尊重します。
オープンソースのTTFEditを使用して、TrueType フォントの埋め込み可能フラグを調べることができます。View>Show>Advanced>Legal rights for embedding
の値を 0 に変更して再度保存すると、フォントを埋め込み可能にすることができます。フォントが埋め込み用にライセンスされている場合にのみ、フラグを変更してください。
多くの TrueType フォントでテストしましたが、問題はありませんでした。これまでの私の唯一の問題は、IE10 モバイルのバグを修正するためにsrc:
値を変更する必要がある font-awesome ライブラリを含めるときでした。font-awesome.min.css
font-awesome を使用する場合、
src:url('../fonts/fontawesome-webfont.ttf?v=4.0.3')
動作しません。src:url('../fonts/fontawesome-webfont.ttf')
意思。