.component { font-weight: bold; } @media only print { .component { font-weight: normal; } } If the font loaded is a network resource, the text of .component will not be rendered when opening the print dialog for the first time. Closing the dialog and re-opening it then shows the text. My Assumption is, that the normal variant of the font is issued to load when opening the print dialog, but it does not wait until the font is loaded to render the file. When the dialog is opened the second time, the font file has loaded and the full text is rendered.
<rdar://problem/50018913>