diff --git a/css/converse.css b/css/converse.css
index 07c420426..80400f4f6 100644
--- a/css/converse.css
+++ b/css/converse.css
@@ -6851,7 +6851,7 @@ body.reset {
   content: "\e600"; }
 
 .converse-brand-heading {
-  font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
   font-size: 6em;
   font-weight: normal; }
   .converse-brand-heading .icon-conversejs {
@@ -6867,7 +6867,7 @@ body.reset {
   display: block;
   z-index: 1031; }
   #conversejs .brand-heading {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; }
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
     #conversejs .brand-heading .icon-conversejs {
       font-size: 80%; }
   #conversejs .converse-chatboxes {
@@ -7000,7 +7000,7 @@ body.reset {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale; }
   #conversejs .btn {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     font-weight: normal;
     color: #fff; }
     #conversejs .btn .fa {
@@ -7371,7 +7371,7 @@ body.reset {
         width: 100%;
         height: 100vh; } }
   #conversejs .chatbox .chat-title {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     color: white;
     display: block;
     line-height: 20px;
@@ -7827,7 +7827,7 @@ body.reset {
   #conversejs #controlbox .controlbox-section {
     margin: 1em 0 0 0; }
     #conversejs #controlbox .controlbox-section .controlbox-heading {
-      font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+      font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
       margin: 0 0 0.5em 0;
       text-transform: uppercase; }
   #conversejs #controlbox .dropdown a {
@@ -7977,7 +7977,7 @@ body.reset {
   text-align: left;
   padding: 0.3em 0; }
   #conversejs .list-container .rooms-toggle {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     display: block;
     color: #666;
     padding: 0 0 0.5rem 0; }
@@ -8101,7 +8101,7 @@ body.reset {
       text-shadow: 0 1px 0 #FAFAFA;
       margin: 0.75em 0 0.75em 0; }
       #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
-        font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+        font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
         color: #666;
         display: block;
         width: 100%;
@@ -8313,7 +8313,7 @@ body.reset {
         padding: 0.5em; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
-          font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+          font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
           padding: 0.3em 0; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
@@ -8562,7 +8562,7 @@ body.reset {
     padding-bottom: 0.25rem;
     display: block; }
     #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author {
-      font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+      font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
       font-size: 115%; }
       #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge {
         font-size: 80%;
diff --git a/css/inverse.css b/css/inverse.css
index 7f959618a..0ac5c567b 100644
--- a/css/inverse.css
+++ b/css/inverse.css
@@ -6851,7 +6851,7 @@ body.reset {
   content: "\e600"; }
 
 .converse-brand-heading {
-  font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+  font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
   font-size: 6em;
   font-weight: normal; }
   .converse-brand-heading .icon-conversejs {
@@ -6867,7 +6867,7 @@ body.reset {
   display: block;
   z-index: 1031; }
   #conversejs .brand-heading {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif; }
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif; }
     #conversejs .brand-heading .icon-conversejs {
       font-size: 80%; }
   #conversejs .converse-chatboxes {
@@ -7000,7 +7000,7 @@ body.reset {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale; }
   #conversejs .btn {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     font-weight: normal;
     color: #fff; }
     #conversejs .btn .fa {
@@ -7422,7 +7422,7 @@ body {
         width: 100%;
         height: 100vh; } }
   #conversejs .chatbox .chat-title {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     color: white;
     display: block;
     line-height: 24px;
@@ -7897,7 +7897,7 @@ body {
   #conversejs #controlbox .controlbox-section {
     margin: 1em 0 0 0; }
     #conversejs #controlbox .controlbox-section .controlbox-heading {
-      font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+      font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
       margin: 0 0 0.5em 0;
       text-transform: uppercase; }
   #conversejs #controlbox .dropdown a {
@@ -8152,7 +8152,7 @@ body {
       text-shadow: 0 1px 0 #FAFAFA;
       margin: 0.75em 0 0.75em 0; }
       #conversejs #converse-roster .roster-contacts .roster-group .group-toggle {
-        font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+        font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
         color: #666;
         display: block;
         width: 100%;
@@ -8245,7 +8245,7 @@ body {
   text-align: left;
   padding: 0.3em 0; }
   #conversejs .list-container .rooms-toggle {
-    font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+    font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
     display: block;
     color: #666;
     padding: 0 0 0.5rem 0; }
@@ -8452,7 +8452,7 @@ body {
         padding: 0.5em; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .occupants-heading,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .occupants-heading {
-          font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+          font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
           padding: 0.3em 0; }
         #conversejs.converse-embedded .chatroom .box-flyout .chatroom-body .occupants .chatroom-features,
         #conversejs .chatroom .box-flyout .chatroom-body .occupants .chatroom-features {
@@ -8747,7 +8747,7 @@ body {
     padding-bottom: 0.25rem;
     display: block; }
     #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author {
-      font-family: Futura, Helvetica, Trebuchet MS, Arial, sans-serif;
+      font-family: "Century Gothic", futura, "URW Gothic L", Verdana, sans-serif;
       font-size: 115%; }
       #conversejs .message.chat-msg .chat-msg-heading .chat-msg-author .badge {
         font-size: 80%;
diff --git a/sass/_variables.scss b/sass/_variables.scss
index 41eec3f75..fd725faf4 100644
--- a/sass/_variables.scss
+++ b/sass/_variables.scss
@@ -108,7 +108,7 @@ $small-mobile-chat-height: 300px !default;
 $font-path: "../fonticons/fonts/" !default;
 
 $normal-font: "Helvetica", "Arial", sans-serif;
-$heading-font: Futura,Helvetica,Trebuchet MS,Arial,sans-serif !default;
+$heading-font: 'Century Gothic', futura, 'URW Gothic L', Verdana, sans-serif !default;
 
 $chatroom-head-color: $red !default;
 $chatroom-color-light: $light-red !default;