Fix render-blocking font example

[tunetheweb]

Description

There's a couple of examples like this:

<link blocking="render" href="critical-font.woff2" as="font" />

This doesn't make sense, especially by MDN's own docs:

The rel attribute has no default value. If the attribute is omitted or if none of the values in the attribute are supported, then the document has no particular relationship with the destination resource other than there being a hyperlink between the two. In this case, on and

, if the rel attribute is absent, has no keywords, or if not one or more of the space-separated keywords above, then the element does not create any links. and will still created links, but without a defined relationship.

This was added in #14648 but the linked explainer uses rel=preload and crossorigin which are missing here (crossorigin is needed for preloading fonts for CORS reasons) . So this PR adde those attributes to the example to make it valid.

Motivation

Correct bad examples.

Additional details

whatwg/html#7131

Related issues and pull requests

Corrects example added in #14648

[github-actions]

Preview URLs

• /en-US/docs/Web/API/PerformanceResourceTiming/renderBlockingStatus
• /en-US/docs/Web/HTML/Element/link