2016-05-16 8 views
2

Beim Durchsuchen der Website werden alle Schriftarten ordnungsgemäß angezeigt. Wenn Sie eine Seite drucken, werden die Vorschau und die entsprechende Ausgabe in Times New Roman angezeigt. Hier sind meine CSS-Regeln:Microsoft Edge @ font-face wird beim Drucken nicht angewendet

font-family: 'Metric-Regular'; 
src: url("fonts/MetricWeb-Regular.eot"); 
src: url("fonts/MetricWeb-Regular.woff") format("woff"); 

Gerade festgestellt, dass dies auftritt. Das Verhalten taucht in keiner der Versionen von IE, Firefox, Chrome usw. auf. Ich habe gesucht, habe aber nichts gefunden, was mit diesem Vorgang beim Drucken zusammenhängt, nur über Dinge wie Edge, die noch nicht woff2 unterstützen.

Hier rendert es richtig:

Rendering correctly

Hier in der Druckvorschau, die auch ist, wie es druckt/spart als PDF:

Printing incorrectly

+0

Haben Sie einen Link zu einem Beispiel? –

+0

Aktualisiere Frage mit Link zum Beispiel. –

+0

Gibt es eine Lösung/einen Fortschritt in Bezug auf dieses Problem? – friedi

Antwort

1

Wenn Sie versuchen, diese Schriftarten innerhalb @media Druck zu laden, dann ist es ein Bug in Rand, der nicht für die nun behoben gehen zu:

https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/10328179/

Die Lösung, die für mich gearbeitet ist die Schriftarten zu laden außerhalb der @media print declération - wie folgt:

@font-face { 
    font-family: 'MyFont'; 
    src: url('../fonts/MyFont.ttf') format("truetype"); 
} 

@media print { 

} 
Verwandte Themen