diff --git a/base_fontawesome_web_editor/static/src/js/utils/fonts.esm.js b/base_fontawesome_web_editor/static/src/js/utils/fonts.esm.js
index 41d27180e4f..923e5cb757a 100644
--- a/base_fontawesome_web_editor/static/src/js/utils/fonts.esm.js
+++ b/base_fontawesome_web_editor/static/src/js/utils/fonts.esm.js
@@ -45,7 +45,9 @@ patch(fonts, {
             } else {
                 data = {
                     selector: match[0],
-                    css: cssText.replace(/(^.*\{\s*)|(\s*\}\s*$)/g, ""),
+                    css: cssText
+                        .replace(/(^.*\{\s*)|(\s*\}\s*$)/g, "")
+                        .replace("--fa: ", "content: "),
                     names: [match[1]],
                 };
             }
diff --git a/base_fontawesome_web_editor/static/src/js/wysiwyg/fonts.esm.js b/base_fontawesome_web_editor/static/src/js/wysiwyg/fonts.esm.js
index 33d283a684a..cfc47e5c8a0 100644
--- a/base_fontawesome_web_editor/static/src/js/wysiwyg/fonts.esm.js
+++ b/base_fontawesome_web_editor/static/src/js/wysiwyg/fonts.esm.js
@@ -45,7 +45,9 @@ patch(fonts, {
             } else {
                 data = {
                     selector: match[0],
-                    css: cssText.replace(/(^.*\{\s*)|(\s*\}\s*$)/g, ""),
+                    css: cssText
+                        .replace(/(^.*\{\s*)|(\s*\}\s*$)/g, "")
+                        .replace("--fa: ", "content: "),
                     names: [match[1]],
                 };
             }