Ensure fonts are installed in the library before including them in the custom fonts declaration.

jffng · jffng · commit c449b0dcf2f1 · 2023-12-04T12:28:57.000-05:00
diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/context.js b/packages/edit-site/src/components/global-styles/font-library-modal/context.js
@@ -101,15 +101,18 @@ function FontLibraryProvider( { children } ) {
 				.sort( ( a, b ) => a.name.localeCompare( b.name ) )
 		: [];
 
-	const customFonts = fontFamilies?.custom
-		? fontFamilies.custom
+	const baseCustomFonts = libraryFonts
+		? libraryFonts
 				.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )
 				.sort( ( a, b ) => a.name.localeCompare( b.name ) )
 		: [];
 
-	const baseCustomFonts = libraryFonts
-		? libraryFonts
+	const customFonts = fontFamilies?.custom
+		? fontFamilies.custom
 				.map( ( f ) => setUIValuesNeeded( f, { source: 'custom' } ) )
+				.filter( ( f ) =>
+					baseCustomFonts.some( ( bf ) => bf.slug === f.slug )
+				) // Ensures that the font actually exists in the library.
 				.sort( ( a, b ) => a.name.localeCompare( b.name ) )
 		: [];
 
