0

私は奇妙な問題に遭遇しています。Google の webfonts api を介して webfont リンクを使用すると、問題なく機能し、フォントが読み込まれますが、... 私が作成しているアプリはローカルのみであるため、フォントを初めてレンダリングするときに、インターネットに接続するためのあらゆる種類のオーバーヘッドが目立ちます。さらに、インターネット接続がない場合、フォントは読み込まれません。

@font-face {
font-family: Pt Sans;
font-style: normal;
font-weight: 400;
src: url(http://themes.googleusercontent.com/static/fonts/ptsans/v4/jduSEW07_j4sIG_ERxiq4Q.woff);
}

上記は作業コードです。

@font-face {
font-family: Pt Sans;
font-style: normal;
font-weight: 400;
src: url(fonts/ptsans.woff);
}

これは、ブラウザからローカルで直接実行する場合に機能しますが、CefSharp と呼ばれる C# アプリケーションにクロム webview を埋め込むフレームワークを使用しています。違いは、ページを直接ロードするのではなく、サイトへのリンクをシミュレートしていることです。Web フォントのように、フォントへの独自の http:// リンクを作成したかのようになります。

Chromes dev tools > resources タブ > fonts を開き、ローカルに読み込まれたフォントをクリックすると、デフォルトのフォントが表示されますが、Google の API を介して読み込まれたフォントをクリックすると、正しいフォントがレンダリングされます。

私がそうではないブラウザに送信するGoogle APIは何ですか? 多数の mimeTypes を試しましたが、役に立ちませんでした。

4

1 に答える 1

0

font-face クロスドメイン ポリシーをご存知ですか? Access-Control-Allow-Origin "*"フォントの http ヘッダーを送信してみてください。

于 2012-08-31T21:43:44.183 に答える