嵌入@字體面對面的字體使用Chrome

Question

打印到PDF時，我有一個網頁，我只呈現在Chrome和一幫自定義字體：

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

瀏覽器呈現的一切完美。然而，當我嘗試打印這PDF，有兩個問題：

1. Chrome的打印預覽有時不能在某些字體顯示文本，或軋液吧。這個視圖被傳遞給我使用的任何打印設備。關閉/重新打開選項卡不會更改預覽。但是，重新啓動瀏覽器。

2. 無論我做什麼，我都無法制作嵌入字體的PDF。我嘗試過Chrome的「保存到PDF」，這會產生Adobe Acrobat無法打開的PDF。即使使用標準網絡字體替換@font-faces，各種PDF打印機（例如Adobe's）也不會生成嵌入了這些字體的PDF，但會生成嵌入字體。

任何問題的幫助表示讚賞。

Answer 1

註釋掉CSS或HTML中的媒體查詢，重新打開瀏覽器，它會在打印預覽中加載網頁字體，然後重新添加媒體查詢部分，並且工作正常。

我發現這個解決辦法從這裏：@font-face embedded fonts do not show up in a print preview

Answer 2

嘗試打印時加載默認字體。將下面的行添加到你的CSS並嘗試。

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