fix: proxy fonts

Signed-off-by: ayushnirwal <[email protected]>
rtCamp · Jan 30, 2025 · d724f22 · d724f22
1 parent 0e53824
commit d724f22
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/packages/next/src/components/font.tsx b/packages/next/src/components/font.tsx
@@ -1,3 +1,4 @@
+import getConfig from 'next/config';
 import React from 'react';
 
 /**
@@ -11,11 +12,19 @@ import React from 'react';
  */
 export default function Fonts( props: { renderedFontFaces: string } ) {
 	const { renderedFontFaces } = props;
+
+	const { homeUrl, useCorsProxy, corsProxyPrefix } = getConfig();
+
+	// Proxy font URLs to prevent CORS issue
+	const fontStyle = useCorsProxy
+		? renderedFontFaces.replaceAll( homeUrl, corsProxyPrefix )
+		: renderedFontFaces;
+
 	return (
 		<style
 			id="wp-fonts-local"
 			dangerouslySetInnerHTML={ {
-				__html: renderedFontFaces
+				__html: fontStyle
 					?.replace( "<style id='wp-fonts-local'>", '' )
 					?.replace( '</style>\n', '' ),
 			} }