5

Google chrome v 18 からの Web フォントの印刷に問題がありますが、IE と Firefox では問題なく動作します。CSS ファイルを使用して Web フォントを渡しています。そのコードは次のとおりです。

@font-face {

font-family: 'C39P24DmTtNormal';
src: url('WebFonts/v100025_-webfont.eot');
src: url('WebFonts/v100025_-webfont.eot?#iefix') format('embedded-opentype'),
     url('WebFonts/v100025_-webfont.woff') format('woff'),
     url('WebFonts/v100025_-webfont.ttf') format('truetype'),
     url('WebFonts/v100025_-webfont.svg#C39P24DmTtNormal') format('svg');

font-weight: normal;
font-style: normal;
}

問題のスクリーンショット:

ここに画像の説明を入力

画像の説明:

上記のスクリーンショットで、赤でマークされているものはすべて、CSS ファイルの Web フォントによって提供されるバーコードですが、印刷中は上記のように表示されます。

Google で検索してみましたが、 Chrome のバグの可能性があるようで、できるだけ早く修正しようとしています。

クライアントが Web アプリケーションを閲覧するために使用するすべてのコンピューターにフォントをインストールしたくないので、私を助けることができる回避策はありますか?

4

4 に答える 4

1

ソースの先頭に置き、次のような.svgさまざまな形式で試してください。.svgtruetype

@font-face {
    font-family: 'EnzoOT-Medi';
    src: url('font.eot');
    src: url('font.svg') format('truetype'),
         url('font.eot?#iefix') format('embedded-opentype'),
      url('font.woff') format('woff'),
      url('font.ttf') format('truetype'),
      url('font.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
于 2012-04-21T16:52:04.797 に答える
0

私の場合、vw で相対フォントサイズを使用したことが原因でした。@media print {} に pt のサイズでルールを設定し、完璧に機能しました。面白いことに、これは Chrome でのみ発生していました。

于 2014-02-27T19:36:18.923 に答える
0

設定から印刷プレビューを無効にするという同じ問題もありましたが、Google Chromeの問題でした。印刷前に Web フォントをロードすることはできないため、有効に戻してください。

Windows.printonを使用している場合はbody.onLoad、それを問題の本当の原因として削除してください。これは Internet Explorer でのみサポートされており、Google Chrome ではサポートされていません。

例：

<body onload="window.print();">

を削除するonloadと、うまくいくことを願っています。あなたがこれを試したなら、ごめんなさい。

于 2012-04-24T12:36:31.347 に答える