Merge pull request #665 from newfold-labs/fix/font-family-css-application

Fix Font Family Issues

Author: wpscholar

src/OnboardingSPA/components/Sidebar/components/Customize/DesignFontsPanel/index.js

@@ -307,17 +307,17 @@ const DesignFontsPanel = forwardRef(
 			let body;
 			const slug = currentData.sitegen?.homepages?.active?.slug;
 			if ( selectedGroup === 'custom' ) {
-				headings = `var(--wp--preset--font-family--${ customFont.headings })`;
-				body = `var(--wp--preset--font-family--${ customFont.body })`;
+				headings = `var(--wp--preset--font-family--${ customFont.headings?.toLowerCase() })`;
+				body = `var(--wp--preset--font-family--${ customFont.body?.toLowerCase() })`;
 				if ( slug ) {
 					currentData.sitegen.homepages.data[ slug ].customFont =
 						customFont;
 					currentData.sitegen.homepages.active.customFont =
 						customFont;
 				}
 			} else {
-				headings = `var(--wp--preset--font-family--${ fontGroups[ selectedGroup ].headingsSlug })`;
-				body = `var(--wp--preset--font-family--${ fontGroups[ selectedGroup ].bodySlug })`;
+				headings = `var(--wp--preset--font-family--${ fontGroups[ selectedGroup ].headingsSlug?.toLowerCase() })`;
+				body = `var(--wp--preset--font-family--${ fontGroups[ selectedGroup ].bodySlug?.toLowerCase() })`;
 			}
 			currentData.sitegen.homepages.data[ slug ].selectedFontGroup =
 				selectedGroup;