Fix the font-format example

[pepelsbey]

Description

• Rewrites the @supports font-format example to fix the mistake.
• Fixes the color font example URL to link to a font file, not CSS.

Motivation

• The src is a descriptor exclusive to @font-face, not a property that can be set.
• Google Fonts serves CSS files at these URL, not font files.

Additional details

Initially reported on Mastodon by @RoelN

[github-actions]

Preview URLs

• /en-US/docs/Web/CSS/@supports

Flaws (15)

URL: /en-US/docs/Web/CSS/@supports
Title: @supports
Flaw count: 15

• broken_links:
  • Can't resolve /en-US/docs/Web/CSS/rule-list
  • Can't resolve /en-US/docs/Web/CSS/function-token
  • Can't resolve /en-US/docs/Web/CSS/any-value
  • Can't resolve /en-US/docs/Web/CSS/any-value
  • Can't resolve /en-US/docs/Web/CSS/at-keyword-token
  • and 10 more flaws omitted

External URLs (2)

URL: /en-US/docs/Web/CSS/@supports
Title: @supports

• https://fonts.google.com/specimen/Bungee (1 time) (Note! This may be a new URL 👀)
• https://fonts.google.com/specimen/Bungee+Spice (2 times) (Note! This may be a new URL 👀)

(comment last updated: 2025-10-28 13:02:52)

[RoelN]

@pepelsbey Thanks for these changes, and your patience! :-) I can't approve this PR via the Github interface, but this looks good to me 👍

[bsmth]

For later: might be interesting to look at using something from shared assets repo instead.

[bsmth]

TY!