Apply fontWeight to font-feature-settings for variable fonts

Author: chengluyu

src/vs/base/browser/fastDomNode.ts

@@ -110,7 +110,12 @@ export class FastDomNode<T extends HTMLElement> {
 			return;
 		}
 		this._fontWeight = fontWeight;
-		this.domNode.style.fontWeight = this._fontWeight;
+		if (fontWeight !== 'normal' && fontWeight !== 'bold') {
+			const fontWeightAsNumber = parseInt(fontWeight, 10);
+			this.domNode.style.fontVariationSettings = `"wght" ${fontWeightAsNumber}`;
+		} else {
+			this.domNode.style.fontWeight = this._fontWeight;
+		}
 	}
 
 	public setFontSize(_fontSize: number | string): void {

src/vs/editor/browser/config/domFontInfo.ts

@@ -16,7 +16,12 @@ export function applyFontInfo(domNode: FastDomNode<HTMLElement> | HTMLElement, f
 		domNode.setLetterSpacing(fontInfo.letterSpacing);
 	} else {
 		domNode.style.fontFamily = fontInfo.getMassagedFontFamily();
-		domNode.style.fontWeight = fontInfo.fontWeight;
+		if (fontInfo.fontWeight !== 'normal' && fontInfo.fontWeight !== 'bold') {
+			const fontWeightAsNumber = parseInt(fontInfo.fontWeight, 10);
+			domNode.style.fontWeight = `"wght" ${fontWeightAsNumber}`;
+		} else {
+			domNode.style.fontWeight = fontInfo.fontWeight;
+		}
 		domNode.style.fontSize = fontInfo.fontSize + 'px';
 		domNode.style.fontFeatureSettings = fontInfo.fontFeatureSettings;
 		domNode.style.lineHeight = fontInfo.lineHeight + 'px';