diff --git a/app/controllers/welcome.js b/app/controllers/welcome.js
index 3b0b401..28dcae1 100644
--- a/app/controllers/welcome.js
+++ b/app/controllers/welcome.js
@@ -21,7 +21,7 @@ class WelcomeController extends SiteController {
     const { limiter: limiterService } = this.dtp.services;
     const welcomeLimiter = limiterService.createMiddleware(limiterService.config.welcome);
 
-    captcha.loadFont(path.join(this.dtp.config.root, 'client', 'fonts', 'Dirty Sweb.ttf'));
+    captcha.loadFont(path.join(this.dtp.config.root, 'client', 'fonts', 'dirty-sweb.ttf'));
 
     function preventUserAccess (req, res, next) {
       if (req.user) {
diff --git a/client/fonts/CodeBars.ttf b/client/fonts/code-bars.ttf
similarity index 100%
rename from client/fonts/CodeBars.ttf
rename to client/fonts/code-bars.ttf
diff --git a/client/fonts/Dirty Sweb.ttf b/client/fonts/dirty-sweb.ttf
similarity index 100%
rename from client/fonts/Dirty Sweb.ttf
rename to client/fonts/dirty-sweb.ttf
diff --git a/client/fonts/Ink Studio.ttf b/client/fonts/ink-studio.ttf
similarity index 100%
rename from client/fonts/Ink Studio.ttf
rename to client/fonts/ink-studio.ttf
diff --git a/client/fonts/inkswipe.ttf b/client/fonts/ink-swipe.ttf
similarity index 100%
rename from client/fonts/inkswipe.ttf
rename to client/fonts/ink-swipe.ttf
diff --git a/client/less/site/fonts.less b/client/less/site/fonts.less
new file mode 100644
index 0000000..d0da5f6
--- /dev/null
+++ b/client/less/site/fonts.less
@@ -0,0 +1,19 @@
+@font-face {
+  font-family: "Code Bars";
+  src: url(/fonts/code-bars.ttf);
+}
+
+@font-face {
+  font-family: "Dirty Sweb";
+  src: url(/fonts/dirty-sweb.ttf);
+}
+
+@font-face {
+  font-family: "Ink Studio";
+  src: url(/fonts/ink-studio.ttf);
+}
+
+@font-face {
+  font-family: "Ink Swipe";
+  src: url(/fonts/ink-swipe.ttf);
+}
\ No newline at end of file
diff --git a/client/less/style.common.less b/client/less/style.common.less
index 9e2764e..9d30b3b 100644
--- a/client/less/style.common.less
+++ b/client/less/style.common.less
@@ -1,3 +1,5 @@
+@import "site/fonts.less";
+
 @import "site/main.less";
 @import "site/border.less";