Custom fonts are not loaded when defined inside @media print

Won’t fix Issue #10328179

Details

Author
Avi K.
Created
Dec 28, 2016
Privacy
This issue is public.
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

When trying to load @font-face inside @media print, edge doesn’t load the fonts to the page.

Attachments

0 attachments

    Comments and activity

    • Do you have a sample page where this happens to you by chance?

    • Yes - pleaselook at those 2 jsfiddle links.
      I had to use @import instead of @font-face:

      In the following jsfiddle I load the font outside of the @media print decleration and if I try to print the page in Edge you will see the font applied to the page:

      https://jsfiddle.net/avikl/e4sbys86/1/

      In the next jsfiddle, I load the font inside of the @media print decleration and when I try to print the page, I see that the font is not applied (and in the Network section you can see that the font isn’t being loaded):

      https://jsfiddle.net/avikl/bLycpu4u/3/

    • Microsoft Edge Team

      Changed Assigned To to “Brad E.”

      Changed Status to “Won’t fix”

    • Thank you for your bug report. Unfortunately I don’t think we should fix this issue. I understand the use case, but given there are plenty of workarounds available, fixing this issue just isn’t worth the added complexity to the platform. Thanks for your understanding, Francois.

    • I found similar bug with a @supports rule. It should be fixed as soon as possible, because there is no workarounds here.

      https://jsfiddle.net/mypeuou0/

    • And It violates CSS Conditional Rules Module Level 3 spec.

    You need to sign in to your Microsoft account to add a comment.

    Sign in