I am trying to print web pages that contain external CSS references and use web fonts (I mean @font-face attribute) but in print preview the web fonts disappear. Does anyone know a solution without using the web font locally?
Looks like printing @font-face fonts is not yet implemented:
-
1
-
inlcude the file not only for screen but also for print
<link rel="stylesheet" type="text/css" href="main.css" media="screen" />
but include the css also for print
<link rel="stylesheet" type="text/css" href="main.css" media="print" />
in your case the href should then go to an external url
-
I'm already include my css in media print, but no response in print preview, The problem is in using @font face attribute, it is n supported in printing, I am trying to find some hack or Firefox plug-in or even a script to make my web font printable. – loll Oct 27 '10 at 9:44
-
can't you separate your font attributes? font-family, font-size, ... in your css? – Kennethvr Oct 28 '10 at 6:41
-
seems like a bug that wasn't solved yet for ff, all the other browsers solved this problem. more info: support.mozilla.com/… – Kennethvr Oct 28 '10 at 6:44
-
yes you are right this is a ff bug, but I hope to find a hack to solve this problem temporarily – loll Oct 28 '10 at 7:27
-
You can combine the two lines by using media="screen print" or media="all" – Richard Davies Feb 25 '11 at 19:03