Product Icons: iconDefinitions.font doesn't seem to work when there are multiple fonts

[eamodio]

Refs: #93798

I've tried having 2 font sources, and then for certain icons use one font or another, but it seem that only the first font in the fonts array is ever used.

[aeschli]

in the definition, do you specify the fontId? If left out, the first defined font will be taken
(at least that's the intention...)

[eamodio]

I didn't see a fontId property, but I did set the font property.

{
	"fonts": [
		{
			"id": "elegant",
			"src": [{ "format": "woff", "path": "./ElegantIcons.woff" }],
			"style": "normal",
			"weight": "normal"
		},
		{
			"id": "font-awesome",
			"src": [{ "format": "otf", "path": "./Font Awesome 5 Free-Regular-400.otf" }],
			"style": "normal",
			"weight": "normal"
		}
	],
	"iconDefinitions": {
		"compare-changes": {
			"font": "font-awesome",
			"fontCharacter": "\\e030"
		},
		"git-commit": {
			"font": "elegant",
			"fontCharacter": "\\e030"
		},
		"activate-breakpoints": {
			"font": "font-awesome",
			"fontCharacter": "\\e030"
		}
	}
}

[eamodio]

I just tried using fontId instead and didn't see any change in behavior.

[aeschli]

It is fontId. The schema was wrong. I verified if works with two different fonts

[JacksonKearl]

Wasn't able to get font-awesome to show up as anything besides boxes, but thats likely an issue on my end. elegant seemed to work fine

[sbatten]

@JacksonKearl see my comment here #94209 (comment)