Embed @ font font-face durante la stampa in PDF con Chrome

Question

Ho una pagina che sto rendendo solo in Chrome con un gruppo di caratteri personalizzati:

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

Il browser rende tutto perfettamente. Tuttavia, quando provo a stampare questo in PDF, ci sono due questioni:

1. Chrome Stampa anteprima a volte non visualizza il testo in alcuni tipi di carattere, o storpia esso. Questa vista viene passata a qualsiasi dispositivo di stampa che utilizzo. La chiusura/riapertura della scheda non cambia l'anteprima. Tuttavia, riavvia il browser.

2. Non importa quello che faccio, non posso produrre un PDF con i caratteri incorporati. Ho provato Chrome "Salva in PDF", che produce un PDF che Adobe Acrobat non può aprire. Una varietà di stampanti PDF (come Adobe) non produce PDF con questi caratteri incorporati, anche se la sostituzione dei font @font-face con caratteri Web standard produce font incorporati.

Qualsiasi aiuto con entrambi i problemi è apprezzato.

Answer 1

Commenta la query multimediale in CSS o HTML, riapre il browser e carica il carattere Web in anteprima di stampa, quindi aggiunge nuovamente la sezione di query multimediale e funziona.

ho trovato questa soluzione da qui: @font-face embedded fonts do not show up in a print preview

Answer 2

tenta di caricare font di default durante la stampa. Aggiungi le linee sottostanti al tuo css e prova.

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