WordPress.org

Make WordPress Core

Opened 3 years ago

Last modified 16 months ago

#37362 new defect (bug)

@font-face errors with dashicons in Microsoft Edge

Reported by: jevuska Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Script Loader Keywords:
Focuses: Cc:

Description

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

Change History (4)

#1 in reply to: ↑ description ; follow-up: @netweb
3 years ago

  • Component changed from General to Script Loader
  • Version 4.5.3 deleted

@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.

#2 in reply to: ↑ 1 @afercia
3 years ago

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:

https://cldup.com/QeU5Wgb8k6.png

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

#3 @mdgl
3 years ago

  • Summary changed from @font-face font format not recognized to @font-face errors with dashicons in Microsoft Edge

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.

#4 @bcolflesh
16 months ago

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

Note: See TracTickets for help on using tickets.