埋め込み@フォントフェースフォントクローム

Question

でPDFに印刷するとき、私はカスタムフォントの束とだけChromeでレンダリングしていますページを持っている：

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

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

1. は、Chromeの印刷・プレビューは時々一部のフォントでテキストを表示する、またはそれを狂わせるはありません。このビューは、私が使用するどの印刷装置にも渡されます。タブを閉じる/再度開いても、プレビューは変更されません。ただし、ブラウザを再起動するとエラーが発生します。

2. 私が何をしても、フォントが埋め込まれたPDFを作成できません。私は、Adobe Acrobatが開くことができないPDFを生成するChromeの「Save to PDF」を試しました。 @font-faceを標準のWebフォントに置き換えると、埋め込みフォントが生成されますが、AdobeのようなさまざまなPDFプリンタでは、これらのフォントが埋め込まれたPDFは生成されません。

どちらの問題についても助けてください。

Answer 1

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

私はここから、この回避策を見つけました：@font-face embedded fonts do not show up in a print preview

Answer 2

は、印刷中にデフォルトのフォントをロードするようにしてください。あなたのCSSに以下の行を追加してみてください。

@media print { 
body { 
     font-family: Arial, Helvetica, sans-serif;  
    } 
}