diff --git a/themes/first/src/css/font.less b/themes/first/src/css/font.less
new file mode 100644
index 0000000..3bfdaf2
--- /dev/null
+++ b/themes/first/src/css/font.less
@@ -0,0 +1,3 @@
+@font-normal: ~"'Libre Baskerville', serif";
+@font-code: ~"'Inconsolata', monospace";
+@font-header: ~"'Dosis', sans-serif";
diff --git a/themes/first/src/css/main.less b/themes/first/src/css/main.less
index ae5d143..252afd2 100644
--- a/themes/first/src/css/main.less
+++ b/themes/first/src/css/main.less
@@ -1,10 +1,8 @@
 
-@font-normal: ~"'Libre Baskerville', serif";
-@font-code: ~"'Inconsolata', monospace";
-@font-header: ~"'Dosis', sans-serif";
 
 @import "color.less";
 @import "media-types.less";
+@import "font.less";
 
 body {
   margin: 0px;