@font-face errors with dashicons in Microsoft Edge

[jevuska]

I encountered the following errors in Microsoft Edge console when enter admin dashboard:
CSS3113:@font-face font format not recognized
dashicons.eot
CSS3120: No fonts available for @font-face rule
load-styles.php (0,37)

This is the following explanation of error code ​https://msdn.microsoft.com/query/dev12.query?appId=Dev12IDEF1&l=EN-US&k=k%28VS.WebClient.Help.CSS3113%29#cssCodes

[netweb]

@jevuska Welcome to Trac and thanks for creating the ticket :)

Confirmed, I see the same

This is the following explanation of error code ​https://msdn.microsoft.com/query/dev12.query?appId=Dev12IDEF1&l=EN-US&k=k%28VS.WebClient.Help.CSS3113%29#cssCodes

This appears to be a private site, even after signing in I couldn't see the content, could you please add the relevant text from that page to this ticket please so that everyone can see it.

[afercia]

Replying to netweb:

This appears to be a private site, even after signing in I couldn't see the content

Maybe access is restricted for some IP ranges, just a guess... I can access that web page and no need to sign in. So, the first error code refers to something that seems unrelated or inaccurate... for sure the error messages mismatch:

code: CSS3113
message: "@font-face mismatch between document origin and EOT root string"
Description: The font cannot be used because the URL(rootstring) in the "Embedded OpenType font (EOT)" does not match the domain of the document using the font.
Suggested fix: The URL checksum in the "EOT" rootstring might be incorrect, indicating a corrupt or altered URL for the font. Ensure that the font is licensed or has permissions for the website where the fonts are being used.

There's no error code CSS3120 listed in that page :( Actually, the error code in the console are links:

and clicking on the second one leads me to the Visual Studio 2013 home page. lol. Just a little inaccurate.

[mdgl]

I get a slightly different error in this situation (code CSS3111 rather than CSS3113):

CSS3111: @font-face encountered unknown error.
dashicons.eot
CSS3120: No fonts available for @font-face rule
load-styles.php (0,37)

Despite this, the dashicons appear to display correctly, even though Edge seems to think there is something wrong with the font file. Perhaps this ticket needs to be re-assigned to a different component?

Descriptions of the two relevant errors from Microsoft are:

Code	Message	Description	Suggested fix
CSS3111	"@font-face encountered unknown error"	An unknown problem was encountered with the "Web Open Font Format (WOFF)", and "Embedded OpenType font (EOT)" of the Cascading Style Sheets (CSS) font.	Check source of "WOFF" fonts. Try alternate font face or source to see if problem reproduces.
CSS3113	"@font-face mismatch between document origin and EOT root string"	The font cannot be used because the URL(rootstring) in the "Embedded OpenType font (EOT)" does not match the domain of the document using the font.	The URL checksum in the "EOT" rootstring might be incorrect, indicating a corrupt or altered URL for the font. Ensure that the font is licensed or has permissions for the website where the fonts are being used.

[bcolflesh]

I had to debug something with Edge and confirmed this as well:

CSS3114: @font-face unable to load invalid OpenType font.
dashicons.eot (1,1)

CSS3119: No fonts available for @font-face rule
dashicons.min.css (1,36)

Microsoft Edge 41.16299.15.0
Microsoft EdgeHTML 16.16299