10

カスタムフォントの束を使用してChromeでのみレンダリングしているページがあります:

@font-face{ font-family: BodyFont; src: url('fonts/font.ttf'); }

ブラウザはすべてを完璧にレンダリングします。ただし、これを PDF に印刷しようとすると、次の 2 つの問題があります。

  1. Chrome の Print-Preview では、一部のフォントでテキストが表示されなかったり、文字化けしたりすることがあります。このビューは、使用する印刷デバイスに渡されます。タブを閉じたり再度開いたりしても、プレビューは変更されません。ただし、ブラウザを再起動すると実行されます。

  2. 何をしても、フォントが埋め込まれた PDF を作成できません。Adobe Acrobat で開くことができない PDF を生成する Chrome の「PDF に保存」を試しました。さまざまな PDF プリンター (Adobe など) は、これらのフォントが埋め込まれた PDF を生成しません@font-face。

どちらの問題についても助けていただければ幸いです。

4

2 に答える 2

3

CSSまたはHTMLでメディアクエリをコメントアウトし、ブラウザを再度開くと、印刷プレビューでWebフォントが読み込まれ、メディアクエリセクションが再度追加され、機能します。

ここからこの回避策を見つけました：<a href="https://getsatisfaction.com/fontdeck/topics/_font_face_embedded_fonts_do_not_show_up_in_a_print_preview" rel="nofollow">@font-face 埋め込みフォントが印刷プレビューに表示されない

于 2012-09-06T01:25:28.007 に答える
0

印刷中にデフォルトのフォントをロードしてみてください。以下の行を css に追加して試してください。

@media print {
 body {
      font-family: Arial, Helvetica, sans-serif;       
  }
}
于 2015-08-27T09:19:27.033 に答える