diff --git a/public/fonts/hua/FZSJ-HUAZCMWWKQ.ttf b/public/fonts/hua/FZSJ-HUAZCMWWKQ.ttf
new file mode 100644
index 0000000..b188855
Binary files /dev/null and b/public/fonts/hua/FZSJ-HUAZCMWWKQ.ttf differ
diff --git a/public/fonts/hua/FZSJ-HUAZCMWWKQ.woff2 b/public/fonts/hua/FZSJ-HUAZCMWWKQ.woff2
new file mode 100644
index 0000000..295557b
Binary files /dev/null and b/public/fonts/hua/FZSJ-HUAZCMWWKQ.woff2 differ
diff --git a/public/fonts/hua/font-hua.css b/public/fonts/hua/font-hua.css
new file mode 100644
index 0000000..1f0e741
--- /dev/null
+++ b/public/fonts/hua/font-hua.css
@@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'Hua';
+    src: url("./FZSJ-HUAZCMWWKQ.woff2") format('woff2'), url("./FZSJ-HUAZCMWWKQ.ttf") format('truetype');
+}
diff --git a/src/css/global.sass b/src/css/global.sass
index c97e928..8fa509d 100644
--- a/src/css/global.sass
+++ b/src/css/global.sass
@@ -1,8 +1,25 @@
 @import colors
 
-// Constants
+// Google Fonts
+// TODO: Localize
+@import url('https://fonts.googleapis.com/css2?family=Inconsolata:wght@300&family=Shadows+Into+Light&display=swap')
+@import url('https://fonts.googleapis.com/css2?family=Caveat&display=swap')
+@import url('/fonts/hua/font-hua.css')
+
 $font: "Microsoft YaHei UI", Avenir, Helvetica, Arial, sans-serif
 
+.font-code
+  font-family: Inconsolata, Monaco, Monospaced, serif
+
+.font-script-en
+  font-family: 'Caveat', 'Shadows Into Light', cursive
+
+.font-script-cn
+  font-family: Hua, $font
+
+.bold
+  font-weight: bold
+
 // Container width (This is normally 50vw,
 //   but when it's smaller than 900px, use 100vw - 50px, because 50px is the margin)
 $app-width: max(50vw, min(900px, 100vw - 50px))
diff --git a/src/views/Home.vue b/src/views/Home.vue
index f3759bf..fdae99e 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,6 +1,9 @@
 <template>
-    <div class="home">
-        Hello World
+    <div id="Home" class="fbox-center f-grow1">
+        <div id="box">
+            <div class="font-script-en">Hykilpikonna's</div>
+            <div class="font-script-en bold">Road Less Traveled</div>
+        </div>
     </div>
 </template>
 
@@ -10,5 +13,14 @@ import {Options, Vue} from 'vue-class-component';
 @Options({components: {}})
 export default class Home extends Vue
 {
+
 }
 </script>
+
+<style lang="sass" scoped>
+#box
+    font-size: 3em
+
+#Home
+    text-align: left
+</style>