diff --git a/css/converse.css b/css/converse.css
index ec3b108aa..08a27a521 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -10,10 +10,11 @@
     https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
     http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
  */
+/* $font-path: "../fonticons/fonts/" !default; */
 @font-face {
   font-family: 'Converse-js';
-  src: url("../fonticons/fonts/icomoon.eot?-mnoxh0");
-  src: url("../fonticons/fonts/icomoon.eot?#iefix-mnoxh0") format("embedded-opentype"), url("../fonticons/fonts/icomoon.woff?-mnoxh0") format("woff"), url("../fonticons/fonts/icomoon.ttf?-mnoxh0") format("truetype"), url("../fonticons/fonts/icomoon.svg?-mnoxh0#icomoon") format("svg");
+  src: url("https://cdn.conversejs.org/fonticons/fonts/icomoon.eot?-mnoxh0");
+  src: url("https://cdn.conversejs.org/fonticons/fonts/icomoon.eot?#iefix-mnoxh0") format("embedded-opentype"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.woff?-mnoxh0") format("woff"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.ttf?-mnoxh0") format("truetype"), url("https://cdn.conversejs.org/fonticons/fonts/icomoon.svg?-mnoxh0#icomoon") format("svg");
   font-weight: normal;
   font-style: normal; }
 .icon-conversejs {
diff --git a/sass/_variables.scss b/sass/_variables.scss
index b92edd277..318fd313e 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -57,7 +57,8 @@ $mobile-chat-width: 100% !default;
 $mobile-chat-height: 400px !default;
 $small-mobile-chat-height: 300px !default;
 
-$font-path: "../fonticons/fonts/" !default;
+/* $font-path: "../fonticons/fonts/" !default; */
+$font-path: "https://cdn.conversejs.org/fonticons/fonts/" !default;
 
 $chatroom-width: 300px !default;
 $chatroom-head-color: #E76F51 !default;