diff --git a/modules/user_preferences/js/src/user-preferences.js b/modules/user_preferences/js/src/user-preferences.js
index c617049a93fb4ef24a0ecc5c0cb840dd906c4c5b..8772c9d1c6a6f35fc21c723fc4e9022d75f6c27d 100644
--- a/modules/user_preferences/js/src/user-preferences.js
+++ b/modules/user_preferences/js/src/user-preferences.js
@@ -73,8 +73,7 @@ const userPreferences = ({
     return this;
   },
   fetchFontFace(params){
-    let FontFaceObserver = require('fontfaceobserver');
-    let font = new FontFaceObserver(params.name, "url("+params.url+")");
+    var font = new FontFace(params.name, "url("+params.url+")");
 
     font.load().then(function() {
       document.fonts.add(font);