From 77918ec6b2b7290fc6144e4104e4c16b4bbf6f4f Mon Sep 17 00:00:00 2001
From: Matias Benedetto <matias.benedetto@gmail.com>
Date: Tue, 26 Sep 2023 11:33:56 -0300
Subject: [PATCH] avoid rendering font library ui outisde gutenberg plugin

---
 .../src/components/global-styles/font-families.js          | 6 +++++-
 .../src/components/global-styles/screen-typography.js      | 7 ++++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/edit-site/src/components/global-styles/font-families.js b/packages/edit-site/src/components/global-styles/font-families.js
index 06bf5953283323..15225c757fae5a 100644
--- a/packages/edit-site/src/components/global-styles/font-families.js
+++ b/packages/edit-site/src/components/global-styles/font-families.js
@@ -64,8 +64,12 @@ function FontFamilies() {
 	);
 }
 
-export default ( { ...props } ) => (
+const FontFamiliesComponent = ( { ...props } ) => (
 	<FontLibraryProvider>
 		<FontFamilies { ...props } />
 	</FontLibraryProvider>
 );
+
+export default process.env.IS_GUTENBERG_PLUGIN
+	? FontFamiliesComponent
+	: undefined;
diff --git a/packages/edit-site/src/components/global-styles/screen-typography.js b/packages/edit-site/src/components/global-styles/screen-typography.js
index 2a895b68fa717f..7a812d44c0048d 100644
--- a/packages/edit-site/src/components/global-styles/screen-typography.js
+++ b/packages/edit-site/src/components/global-styles/screen-typography.js
@@ -22,9 +22,10 @@ function ScreenTypography() {
 			/>
 			<div className="edit-site-global-styles-screen-typography">
 				<VStack spacing={ 6 }>
-					{ ! window.__experimentalDisableFontLibrary && (
-						<FontFamilies />
-					) }
+					{ FontFamilies &&
+						! window.__experimentalDisableFontLibrary && (
+							<FontFamilies />
+						) }
 					<TypographyElements />
 				</VStack>
 			</div>