Deps: use lib-font as an npm dependency

This changed required applying a change in the webpack config suggested by lib-font's developer, detailed [here](https://github.com/Pomax/lib-font/#how-do-i-use-this-with-webpack). Closes #53653
WordPress · Sep 13, 2023 · f9f2f0d · f9f2f0d
1 parent 8736452
commit f9f2f0d
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 1 deletion.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/edit-site/package.json b/packages/edit-site/package.json
@@ -72,6 +72,7 @@
 		"downloadjs": "^1.4.7",
 		"fast-deep-equal": "^3.1.3",
 		"is-plain-object": "^5.0.0",
+		"lib-font": "2.4.0",
 		"memize": "^2.1.0",
 		"react-autosize-textarea": "^7.1.0",
 		"rememo": "^4.0.2",

diff --git a/packages/edit-site/src/components/global-styles/font-library-modal/local-fonts.js b/packages/edit-site/src/components/global-styles/font-library-modal/local-fonts.js
@@ -16,9 +16,12 @@ import { useContext } from '@wordpress/element';
  */
 import { ALLOWED_FILE_EXTENSIONS } from './utils/constants';
 import { FontLibraryContext } from './context';
-import { Font } from '../../../../lib/lib-font.browser';
 import makeFamiliesFromFaces from './utils/make-families-from-faces';
 import { loadFontFaceInBrowser } from './utils';
+/**
+ * External dependencies
+ */
+import { Font } from 'lib-font';
 
 function LocalFonts() {
 	const { installFonts } = useContext( FontLibraryContext );

diff --git a/tools/webpack/packages.js b/tools/webpack/packages.js
@@ -167,4 +167,10 @@ module.exports = {
 			endYear: 2040,
 		} ),
 	].filter( Boolean ),
+	resolve: {
+		fallback: {
+			fs: false,
+			zlib: false,
+		},
+	},
 };