diff --git a/packages/editor-ui/package.json b/packages/editor-ui/package.json
index 01a48d664b..ce7e3edb52 100644
--- a/packages/editor-ui/package.json
+++ b/packages/editor-ui/package.json
@@ -25,13 +25,13 @@
     "test:unit": "vue-cli-service test:unit"
   },
   "dependencies": {
+    "@fontsource/open-sans": "^4.5.0",
     "n8n-design-system": "~0.3.0",
     "timeago.js": "^4.0.2",
     "v-click-outside": "^3.1.2",
     "vue-fragment": "^1.5.2"
   },
   "devDependencies": {
-    "@beyonk/google-fonts-webpack-plugin": "^1.5.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.35",
     "@fortawesome/free-solid-svg-icons": "^5.15.3",
     "@fortawesome/vue-fontawesome": "^2.0.2",
diff --git a/packages/editor-ui/src/main.ts b/packages/editor-ui/src/main.ts
index 6e212de852..b939b82359 100644
--- a/packages/editor-ui/src/main.ts
+++ b/packages/editor-ui/src/main.ts
@@ -9,6 +9,11 @@ import 'vue-prism-editor/dist/VuePrismEditor.css';
 import 'vue-json-pretty/lib/styles.css';
 import './n8n-theme.scss';
 
+import "@fontsource/open-sans/latin-300.css";
+import "@fontsource/open-sans/latin-400.css";
+import "@fontsource/open-sans/latin-600.css";
+import "@fontsource/open-sans/latin-700.css";
+
 import App from '@/App.vue';
 import router from './router';
 
diff --git a/packages/editor-ui/vue.config.js b/packages/editor-ui/vue.config.js
index 1328ba4d9c..d1233395fe 100644
--- a/packages/editor-ui/vue.config.js
+++ b/packages/editor-ui/vue.config.js
@@ -1,5 +1,3 @@
-const GoogleFontsPlugin = require('@beyonk/google-fonts-webpack-plugin');
-
 module.exports = {
 	chainWebpack: config => config.resolve.symlinks(false),
 	// transpileDependencies: [
@@ -12,14 +10,6 @@ module.exports = {
 		},
 	},
 	configureWebpack: {
-		plugins: [
-			new GoogleFontsPlugin({
-				apiUrl: 'https://n8n-google-fonts-helper.herokuapp.com/api/fonts',
-				fonts: [
-					{ family: 'Open Sans', variants: ['300', '400', '600', '700'] },
-				],
-			}),
-		],
 		devServer: {
 			disableHostCheck: true,
 		},