Garbage character displayed while printing web fonts from Google Chrome
Put .svg
at the start of the sources and try with different formats, like .svg
as truetype
:
@font-face { font-family: 'EnzoOT-Medi'; src: url('font.eot'); src: url('font.svg') format('truetype'), url('font.eot?#iefix') format('embedded-opentype'), url('font.woff') format('woff'), url('font.ttf') format('truetype'), url('font.svg') format('svg'); font-weight: normal; font-style: normal;}
I also had the same problem of disabled print preview from the settings but the problem in Google Chrome. It does not allow the web fonts to get loaded before printing, so just enable it back.
If you are using Windows.print
on body.onLoad
then remove that as its the real cause of the problem. This is only supported by Internet Explorer and not Google Chrome.
Example:
<body onload="window.print();">
Remove the onload
and I hope it does the trick. If you have tried this then I am sorry.
In my case it was due to the use of relative font-size in vw. I put a rule in @media print {} with size in pt and worked perfect. The funny thing was that it was only happening in Chrome.