mdn / bob

Builder of Bits aka The MDN Web Docs interactive examples, example builder

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

"Inter" web font loads are 404

schalkneethling opened this issue · comments

Got this report from Chris Peterson on Matrix:

When testing some code in the DevTools console while reading an MDN page, I noticed that some "Inter" web font loads are 404.

  1. Open the DevTools console.
  2. Load an MDN page with example code, such as https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/this
  3. In the console, I see the following error: downloadable font: download failed (font-family: "Inter" style:normal weight:1..999 stretch:75..100 src index:1): status=2147746065 source: https://interactive-examples.mdn.mozilla.net/media/fonts/Inter.var.woff2

If I try to load https://interactive-examples.mdn.mozilla.net/media/fonts/Inter.var.woff2 directly, I get the following error page:

404 Not Found

    Code: NoSuchKey
    Message: The specified key does not exist.
    Key: media/fonts/Inter.var.woff2
    RequestId: 8GW70MYC9JM7H10N
    HostId: FL5vjHHVbuoPngYXFp/JnWPZhwwiSon2wQpzD68vPHuKuSz8UZJfG8foHainUjYVxRvgEAACTBI=

An Error Occurred While Attempting to Retrieve a Custom Error Document

    Code: NoSuchKey
    Message: The specified key does not exist.
    Key: error.html

I get more exceptions on the same page in Chrome on Windows 10:

Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('https://interactive-examples.mdn.mozilla.net') does not match the recipient window's origin ('https://developer.mozilla.org'). utils.ts:51

And in incognito mode:

Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
at HTMLDocument. (https://interactive-examples.mdn.mozilla.net/js/editor-js.js?v=89b8260:1:6310)

FWIW The font is available on https://developer.mozilla.org/, but webpack adds a hash to the filename:

image

edit: And it's defined in the editor-js.css:

image

src: url("/media/fonts/Inter.var.woff2")
format("woff2 supports variations"),
url("/media/fonts/Inter.var.woff2") format("woff2-variations");