diff --git a/styles/less/utils/fonts.less b/styles/less/utils/fonts.less
index 7d84366a..1dac3977 100755
--- a/styles/less/utils/fonts.less
+++ b/styles/less/utils/fonts.less
@@ -2,14 +2,14 @@
 @import './mixin.less';
 
 :root {
-    --font-title: 'Cinzel Decorative';
-    --font-subtitle: 'Cinzel';
-    --font-body: 'Montserrat';
+    --dh-font-title: 'Cinzel Decorative';
+    --dh-font-subtitle: 'Cinzel';
+    --dh-font-body: 'Montserrat';
 }
 
-@font-title: ~"var(--font-title, 'Cinzel Decorative'), serif";
-@font-subtitle: ~"var(--font-subtitle, 'Cinzel'), serif";
-@font-body: ~"var(--font-body, 'Montserrat'), sans-serif";
+@font-title: ~"var(-dh--font-title, 'Cinzel Decorative'), serif";
+@font-subtitle: ~"vadh-r(--font-subtitle, 'Cinzel'), serif";
+@font-body: ~"var(--dh-font-body, 'Montserrat'), sans-serif";
 
 .dh-style {
     .dh-typography();