Add font-width SVG attribute

[pepelsbey]

Description

• Adds font-width SVG attribute (only supported in Safari 18.4 for now)
• Mention font-width as a modern alias at font-stretch SVG attribute page

Motivation

• Add missing attribute
• Clarify legacy/modern status

Related issues and pull requests

• Fixes font-stretch vs font-width SVG attribute: clarify the renaming #43229

[pepelsbey]

@herrstrietzel does it address the issue you filed? Thanks.

[github-actions]

Preview URLs (4 pages)

• /en-US/docs/Web/CSS/Reference/Properties/font-width
• /en-US/docs/Web/SVG/Reference/Attribute/font-stretch
• /en-US/docs/Web/SVG/Reference/Attribute/font-width
• /en-US/docs/Web/SVG/Reference/Attribute

Flaws (10)

Note! 3 documents with no flaws that don't need to be listed. 🎉

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Web/SVG/Reference/Attribute
Title: SVG Attribute reference
Flaw count: 10

• macros:
  • Macro svgattr produces link /en-US/docs/Web/SVG/Reference/Attribute/hreflang which doesn't resolve
  • Macro svgattr produces link /en-US/docs/Web/SVG/Reference/Attribute/offset which doesn't resolve
  • Macro svgattr produces link /en-US/docs/Web/SVG/Reference/Attribute/ping which doesn't resolve
  • Macro svgattr produces link /en-US/docs/Web/SVG/Reference/Attribute/referrerPolicy which doesn't resolve
  • Macro svgattr produces link /en-US/docs/Web/SVG/Reference/Attribute/rel which doesn't resolve
  • and 5 more flaws omitted

[hamishwillee]

Except it wont be deprecated if mdn/browser-compat-data#29330 goes in.

Maybe

Suggested change

	> The `font-width` attribute is the modern replacement for the deprecated {{SVGAttr("font-stretch")}} attribute. While `font-width` is the specification's preferred name, `font-stretch` currently has broader browser support.
	> The `font-width` attribute is replacing the {{SVGAttr("font-stretch")}} attribute. While `font-width` is the specification's preferred name, `font-stretch` currently has broader browser support.

[hamishwillee]

Renaming kind of implies that the old version doesn't exist which is not the case. This might be a cleaner approach.

Suggested change

	> The `font-stretch` attribute was renamed to {{SVGAttr("font-width")}} following the renaming of the corresponding CSS property. The {{cssxref("font-stretch")}} CSS property is now a legacy alias for the {{cssxref("font-width")}} property. While `font-width` is the specification's preferred name, `font-stretch` currently has broader browser support.
	> The `font-stretch` attribute was updated to {{SVGAttr("font-width")}}, and is now a legacy alias of that attribute. This follows an update of the corresponding CSS property {{cssxref("font-stretch")}} to {{cssxref("font-width")}}. Note that while `font-width` is the specification's preferred name, `font-stretch` currently has broader browser support.

[hamishwillee]

Thanks @pepelsbey - two suggestions - https://github.com/mdn/content/pull/43567/changes#r2997989422 should be fixed because the statement won't be true. Obviously I like the other too, but that's at your discretion.

Set as approved so you aren't blocked by me.