diff --git a/package.json b/package.json
index fea45f1f..4fc09c05 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,8 @@
     "skinview3d": "^1.1.0-alpha.4",
     "sweetalert2": "^6.11.5",
     "toastr": "^2.1.4",
+    "typeface-minecraft": "^1.0.0",
+    "typeface-ubuntu": "^0.0.54",
     "vue": "^2.5.16",
     "vuejs-paginate": "^2.0.1"
   },
diff --git a/resources/assets/src/fonts/minecraft.eot b/resources/assets/src/fonts/minecraft.eot
deleted file mode 100644
index 14ad29b5..00000000
Binary files a/resources/assets/src/fonts/minecraft.eot and /dev/null differ
diff --git a/resources/assets/src/fonts/minecraft.svg b/resources/assets/src/fonts/minecraft.svg
deleted file mode 100644
index 8727ee54..00000000
--- a/resources/assets/src/fonts/minecraft.svg
+++ /dev/null
@@ -1,253 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
-<metadata>
-Created by FontForge 20150824 at Sat Jan  2 05:31:30 2016
- By Everything Fonts
-Copyright Pwnage_Block 2011
-</metadata>
-<defs>
-<font id="minecraft" horiz-adv-x="768" >
-  <font-face 
-    font-family="minecraft"
-    font-weight="400"
-    font-stretch="normal"
-    units-per-em="1024"
-    panose-1="0 0 4 0 0 0 0 0 0 0"
-    ascent="896"
-    descent="-128"
-    x-height="640"
-    cap-height="896"
-    bbox="0 -128 1280 1152"
-    underline-thickness="51"
-    underline-position="26"
-    unicode-range="U+000D-201D"
-  />
-<missing-glyph horiz-adv-x="384" 
-d="M448 127v142h-143v-142h143zM590 293v143h-285v-143h285zM448 459v143h-143v-143h143zM590 626v141h-142q-60 0 -101 -41q-42 -42 -42 -100h285zM0 0v896h896v-896h-896z" />
-    <glyph glyph-name=".notdef" horiz-adv-x="384" 
-d="M448 127v142h-143v-142h143zM590 293v143h-285v-143h285zM448 459v143h-143v-143h143zM590 626v141h-142q-60 0 -101 -41q-42 -42 -42 -100h285zM0 0v896h896v-896h-896z" />
-    <glyph glyph-name="glyph1" horiz-adv-x="0" 
- />
-    <glyph glyph-name="glyph1" horiz-adv-x="0" 
- />
-    <glyph glyph-name="uni000D" unicode="&#xd;" horiz-adv-x="0" 
- />
-    <glyph glyph-name="space" unicode=" " horiz-adv-x="256" 
- />
-    <glyph glyph-name="exclam" unicode="!" horiz-adv-x="256" 
-d="M0 0v128h128v-128h-128zM0 256v640h128v-640h-128z" />
-    <glyph glyph-name="quotedbl" unicode="&#x22;" horiz-adv-x="512" 
-d="M0 640v256h128v-256h-128zM256 640v256h128v-256h-128z" />
-    <glyph glyph-name="numbersign" unicode="#" 
-d="M384 384v128h-128v-128h128zM128 0v256h-128v128h128v128h-128v128h128v256h128v-256h128v256h128v-256h128v-128h-128v-128h128v-128h-128v-256h-128v256h-128v-256h-128z" />
-    <glyph glyph-name="dollar" unicode="$" 
-d="M256 0v128h-256v128h512v-128h-128v-128h-128zM512 256v128h128v-128h-128zM128 384v128h384v-128h-384zM0 512v128h128v-128h-128zM128 640v128h128v128h128v-128h256v-128h-512z" />
-    <glyph glyph-name="percent" unicode="%" 
-d="M0 0v128h128v-128h-128zM512 0v256h128v-256h-128zM128 128v256h128v-256h-128zM256 384v128h128v-128h-128zM384 512v256h128v-256h-128zM0 640v256h128v-256h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="ampersand" unicode="&#x26;" 
-d="M128 0v128h256v-128h-256zM512 0v128h128v-128h-128zM0 128v256h128v-256h-128zM512 384v128h128v-128h-128zM384 128v128h-128v128h-128v128h128v128h128v-256h128v-256h-128zM128 640v128h128v-128h-128zM384 640v128h128v-128h-128zM256 768v128h128v-128h-128z" />
-    <glyph glyph-name="quotesingle" unicode="'" horiz-adv-x="256" 
-d="M0 640v256h128v-256h-128z" />
-    <glyph glyph-name="parenleft" unicode="(" horiz-adv-x="640" 
-d="M256 0v128h256v-128h-256zM128 128v128h128v-128h-128zM0 256v384h128v-384h-128zM128 640v128h128v-128h-128zM256 768v128h256v-128h-256z" />
-    <glyph glyph-name="parenright" unicode=")" horiz-adv-x="640" 
-d="M0 0v128h256v-128h-256zM256 128v128h128v-128h-128zM384 256v384h128v-384h-128zM256 640v128h128v-128h-128zM0 768v128h256v-128h-256z" />
-    <glyph glyph-name="asterisk" unicode="*" horiz-adv-x="640" 
-d="M0 256v128h128v-128h-128zM384 256v128h128v-128h-128zM128 384v128h256v-128h-256zM0 512v128h128v-128h-128zM384 512v128h128v-128h-128z" />
-    <glyph glyph-name="plus" unicode="+" 
-d="M256 0v256h-256v128h256v256h128v-256h256v-128h-256v-256h-128z" />
-    <glyph glyph-name="comma" unicode="," horiz-adv-x="256" 
-d="M0 -128v384h128v-384h-128z" />
-    <glyph glyph-name="hyphen" unicode="-" 
-d="M0 256v128h640v-128h-640z" />
-    <glyph glyph-name="period" unicode="." horiz-adv-x="256" 
-d="M0 0v256h128v-256h-128z" />
-    <glyph glyph-name="slash" unicode="/" 
-d="M0 0v128h128v-128h-128zM128 128v256h128v-256h-128zM256 384v128h128v-128h-128zM384 512v256h128v-256h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="zero" unicode="0" 
-d="M128 0v128h384v-128h-384zM256 384v128h128v-128h-128zM0 128v640h128v-384h128v-128h-128v-128h-128zM512 128v384h-128v128h128v128h128v-640h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="one" unicode="1" 
-d="M0 0v128h256v512h-128v128h128v128h128v-768h256v-128h-640z" />
-    <glyph glyph-name="two" unicode="2" 
-d="M0 0v256h128v-128h512v-128h-640zM128 256v128h128v-128h-128zM256 384v128h256v-128h-256zM0 640v128h128v-128h-128zM512 512v256h128v-256h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="three" unicode="3" 
-d="M128 0v128h384v-128h-384zM0 128v128h128v-128h-128zM512 128v256h128v-256h-128zM256 384v128h256v-128h-256zM0 640v128h128v-128h-128zM512 512v256h128v-256h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="four" unicode="4" 
-d="M128 512v128h128v-128h-128zM256 640v128h128v-128h-128zM512 0v256h-512v256h128v-128h384v384h-128v128h256v-896h-128z" />
-    <glyph glyph-name="five" unicode="5" 
-d="M128 0v128h384v-128h-384zM0 128v128h128v-128h-128zM512 128v384h128v-384h-128zM0 512v384h640v-128h-512v-128h384v-128h-512z" />
-    <glyph glyph-name="six" unicode="6" 
-d="M128 0v128h384v-128h-384zM512 128v256h128v-256h-128zM0 128v512h128v-128h384v-128h-384v-256h-128zM128 640v128h128v-128h-128zM256 768v128h256v-128h-256z" />
-    <glyph glyph-name="seven" unicode="7" 
-d="M256 0v384h128v-384h-128zM384 384v128h128v-128h-128zM512 512v256h-384v-128h-128v256h640v-384h-128z" />
-    <glyph glyph-name="eight" unicode="8" 
-d="M128 0v128h384v-128h-384zM0 128v256h128v-256h-128zM512 128v256h128v-256h-128zM128 384v128h384v-128h-384zM0 512v256h128v-256h-128zM512 512v256h128v-256h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="nine" unicode="9" 
-d="M128 0v128h256v-128h-256zM384 128v128h128v-128h-128zM0 512v256h128v-256h-128zM512 256v128h-384v128h384v256h128v-512h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="colon" unicode=":" horiz-adv-x="256" 
-d="M0 0v256h128v-256h-128zM0 512v256h128v-256h-128z" />
-    <glyph glyph-name="semicolon" unicode=";" horiz-adv-x="256" 
-d="M0 -128v384h128v-384h-128zM0 512v256h128v-256h-128z" />
-    <glyph glyph-name="less" unicode="&#x3c;" horiz-adv-x="640" 
-d="M384 0v128h128v-128h-128zM256 128v128h128v-128h-128zM128 256v128h128v-128h-128zM0 384v128h128v-128h-128zM128 512v128h128v-128h-128zM256 640v128h128v-128h-128zM384 768v128h128v-128h-128z" />
-    <glyph glyph-name="equal" unicode="=" 
-d="M0 128v128h640v-128h-640zM0 512v128h640v-128h-640z" />
-    <glyph glyph-name="greater" unicode="&#x3e;" horiz-adv-x="640" 
-d="M0 0v128h128v-128h-128zM128 128v128h128v-128h-128zM256 256v128h128v-128h-128zM384 384v128h128v-128h-128zM256 512v128h128v-128h-128zM128 640v128h128v-128h-128zM0 768v128h128v-128h-128z" />
-    <glyph glyph-name="question" unicode="?" 
-d="M256 0v128h128v-128h-128zM256 256v128h128v-128h-128zM384 384v128h128v-128h-128zM0 640v128h128v-128h-128zM512 512v256h128v-256h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="at" unicode="@" horiz-adv-x="896" 
-d="M128 0v128h640v-128h-640zM0 128v640h128v-640h-128zM256 256v384h256v-256h128v384h128v-512h-512zM128 768v128h512v-128h-512z" />
-    <glyph glyph-name="A" unicode="A" 
-d="M0 0v768h128v-128h384v128h128v-768h-128v512h-384v-512h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="B" unicode="B" 
-d="M512 128v384h128v-384h-128zM512 640v128h128v-128h-128zM0 0v896h512v-128h-384v-128h384v-128h-384v-384h384v-128h-512z" />
-    <glyph glyph-name="C" unicode="C" 
-d="M128 0v128h384v-128h-384zM512 128v128h128v-128h-128zM0 128v640h128v-640h-128zM512 640v128h128v-128h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="D" unicode="D" 
-d="M512 128v640h128v-640h-128zM0 0v896h512v-128h-384v-640h384v-128h-512z" />
-    <glyph glyph-name="E" unicode="E" 
-d="M0 0v896h640v-128h-512v-128h256v-128h-256v-384h512v-128h-640z" />
-    <glyph glyph-name="F" unicode="F" 
-d="M0 0v896h640v-128h-512v-128h256v-128h-256v-512h-128z" />
-    <glyph glyph-name="G" unicode="G" 
-d="M128 0v128h384v-128h-384zM512 128v384h-128v128h256v-512h-128zM0 128v640h128v-640h-128zM128 768v128h512v-128h-512z" />
-    <glyph glyph-name="H" unicode="H" 
-d="M0 0v896h128v-256h384v256h128v-896h-128v512h-384v-512h-128z" />
-    <glyph glyph-name="I" unicode="I" horiz-adv-x="512" 
-d="M0 0v128h128v640h-128v128h384v-128h-128v-640h128v-128h-384z" />
-    <glyph glyph-name="J" unicode="J" 
-d="M128 0v128h384v-128h-384zM0 128v128h128v-128h-128zM512 128v768h128v-768h-128z" />
-    <glyph glyph-name="K" unicode="K" 
-d="M512 0v384h128v-384h-128zM384 384v128h128v-128h-128zM384 640v128h128v-128h-128zM0 0v896h128v-256h256v-128h-256v-512h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="L" unicode="L" 
-d="M0 0v896h128v-768h512v-128h-640z" />
-    <glyph glyph-name="M" unicode="M" 
-d="M256 512v128h128v-128h-128zM0 0v896h128v-128h128v-128h-128v-640h-128zM512 0v640h-128v128h128v128h128v-896h-128z" />
-    <glyph glyph-name="N" unicode="N" 
-d="M256 512v128h128v-128h-128zM0 0v896h128v-128h128v-128h-128v-640h-128zM512 0v384h-128v128h128v384h128v-896h-128z" />
-    <glyph glyph-name="O" unicode="O" 
-d="M128 0v128h384v-128h-384zM0 128v640h128v-640h-128zM512 128v640h128v-640h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="P" unicode="P" 
-d="M512 640v128h128v-128h-128zM0 0v896h512v-128h-384v-128h384v-128h-384v-512h-128z" />
-    <glyph glyph-name="Q" unicode="Q" 
-d="M128 0v128h256v-128h-256zM512 0v128h128v-128h-128zM384 128v128h128v-128h-128zM0 128v640h128v-640h-128zM512 256v512h128v-512h-128zM128 768v128h384v-128h-384z" />
-    <glyph glyph-name="R" unicode="R" 
-d="M512 0v512h128v-512h-128zM512 640v128h128v-128h-128zM0 0v896h512v-128h-384v-128h384v-128h-384v-512h-128z" />
-    <glyph glyph-name="S" unicode="S" 
-d="M128 0v128h384v-128h-384zM0 128v128h128v-128h-128zM512 128v384h128v-384h-128zM128 512v128h384v-128h-384zM0 640v128h128v-128h-128zM128 768v128h512v-128h-512z" />
-    <glyph glyph-name="T" unicode="T" 
-d="M256 0v768h-256v128h640v-128h-256v-768h-128z" />
-    <glyph glyph-name="U" unicode="U" 
-d="M128 0v128h384v-128h-384zM0 128v768h128v-768h-128zM512 128v768h128v-768h-128z" />
-    <glyph glyph-name="V" unicode="V" 
-d="M256 0v128h128v-128h-128zM128 128v256h128v-256h-128zM384 128v256h128v-256h-128zM0 384v512h128v-512h-128zM512 384v512h128v-512h-128z" />
-    <glyph glyph-name="W" unicode="W" 
-d="M256 256v128h128v-128h-128zM0 0v896h128v-640h128v-128h-128v-128h-128zM512 0v128h-128v128h128v640h128v-896h-128z" />
-    <glyph glyph-name="X" unicode="X" 
-d="M0 0v384h128v-384h-128zM512 0v384h128v-384h-128zM128 384v128h128v-128h-128zM384 384v128h128v-128h-128zM256 512v128h128v-128h-128zM128 640v128h128v-128h-128zM384 640v128h128v-128h-128zM0 768v128h128v-128h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="Y" unicode="Y" 
-d="M256 0v640h128v-640h-128zM128 640v128h128v-128h-128zM384 640v128h128v-128h-128zM0 768v128h128v-128h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="Z" unicode="Z" 
-d="M0 0v256h128v-128h512v-128h-640zM128 256v128h128v-128h-128zM256 384v128h128v-128h-128zM384 512v128h128v-128h-128zM512 640v128h-512v128h640v-256h-128z" />
-    <glyph glyph-name="bracketleft" unicode="[" horiz-adv-x="512" 
-d="M0 0v896h384v-128h-256v-640h256v-128h-384z" />
-    <glyph glyph-name="backslash" unicode="\" 
-d="M512 0v128h128v-128h-128zM384 128v256h128v-256h-128zM256 384v128h128v-128h-128zM128 512v256h128v-256h-128zM0 768v128h128v-128h-128z" />
-    <glyph glyph-name="bracketright" unicode="]" horiz-adv-x="512" 
-d="M0 0v128h256v640h-256v128h384v-896h-384z" />
-    <glyph glyph-name="asciicircum" unicode="^" 
-d="M0 512v128h128v-128h-128zM512 512v128h128v-128h-128zM128 640v128h128v-128h-128zM384 640v128h128v-128h-128zM256 768v128h128v-128h-128z" />
-    <glyph glyph-name="underscore" unicode="_" 
-d="M0 -128v128h640v-128h-640z" />
-    <glyph glyph-name="grave" unicode="`" horiz-adv-x="384" 
-d="M0 640v128h128v-128h-128zM128 768v128h128v-128h-128z" />
-    <glyph glyph-name="a" unicode="a" 
-d="M0 128v128h128v-128h-128zM128 0v128h384v128h-384v128h384v128h128v-512h-512zM128 512v128h384v-128h-384z" />
-    <glyph glyph-name="b" unicode="b" 
-d="M512 128v384h128v-384h-128zM256 512v128h256v-128h-256zM0 0v896h128v-384h128v-128h-128v-256h384v-128h-512z" />
-    <glyph glyph-name="c" unicode="c" 
-d="M128 0v128h384v-128h-384zM512 128v128h128v-128h-128zM0 128v384h128v-384h-128zM512 384v128h128v-128h-128zM128 512v128h384v-128h-384z" />
-    <glyph glyph-name="d" unicode="d" 
-d="M0 128v384h128v-384h-128zM128 512v128h256v-128h-256zM128 0v128h384v256h-128v128h128v384h128v-896h-512z" />
-    <glyph glyph-name="e" unicode="e" 
-d="M128 0v128h512v-128h-512zM0 128v384h128v-128h384v128h128v-256h-512v-128h-128zM128 512v128h384v-128h-384z" />
-    <glyph glyph-name="f" unicode="f" horiz-adv-x="640" 
-d="M128 0v512h-128v128h128v128h128v-128h256v-128h-256v-512h-128zM256 768v128h256v-128h-256z" />
-    <glyph glyph-name="g" unicode="g" 
-d="M0 -128v128h512v-128h-512zM0 256v256h128v-256h-128zM512 0v128h-384v128h384v256h-384v128h512v-640h-128z" />
-    <glyph glyph-name="h" unicode="h" 
-d="M512 0v512h128v-512h-128zM256 512v128h256v-128h-256zM0 0v896h128v-384h128v-128h-128v-384h-128z" />
-    <glyph glyph-name="i" unicode="i" horiz-adv-x="256" 
-d="M0 0v640h128v-640h-128zM0 768v128h128v-128h-128z" />
-    <glyph glyph-name="j" unicode="j" 
-d="M128 -128v128h384v-128h-384zM0 0v256h128v-256h-128zM512 0v640h128v-640h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="k" unicode="k" horiz-adv-x="640" 
-d="M384 0v128h128v-128h-128zM256 128v128h128v-128h-128zM256 384v128h128v-128h-128zM384 512v128h128v-128h-128zM0 0v896h128v-512h128v-128h-128v-256h-128z" />
-    <glyph glyph-name="l" unicode="l" horiz-adv-x="384" 
-d="M128 0v128h128v-128h-128zM0 128v768h128v-768h-128z" />
-    <glyph glyph-name="m" unicode="m" 
-d="M256 256v256h128v-256h-128zM512 0v512h128v-512h-128zM0 0v640h256v-128h-128v-512h-128zM384 512v128h128v-128h-128z" />
-    <glyph glyph-name="n" unicode="n" 
-d="M512 0v512h128v-512h-128zM0 0v640h512v-128h-384v-512h-128z" />
-    <glyph glyph-name="o" unicode="o" 
-d="M128 0v128h384v-128h-384zM0 128v384h128v-384h-128zM512 128v384h128v-384h-128zM128 512v128h384v-128h-384z" />
-    <glyph glyph-name="p" unicode="p" 
-d="M512 256v256h128v-256h-128zM0 -128v768h128v-128h128v-128h-128v-128h384v-128h-384v-256h-128zM256 512v128h256v-128h-256z" />
-    <glyph glyph-name="q" unicode="q" 
-d="M0 256v256h128v-256h-128zM128 512v128h256v-128h-256zM512 -128v256h-384v128h384v128h-128v128h128v128h128v-768h-128z" />
-    <glyph glyph-name="r" unicode="r" 
-d="M512 384v128h128v-128h-128zM0 0v640h128v-128h128v-128h-128v-384h-128zM256 512v128h256v-128h-256z" />
-    <glyph glyph-name="s" unicode="s" 
-d="M0 0v128h512v-128h-512zM512 128v128h128v-128h-128zM128 256v128h384v-128h-384zM0 384v128h128v-128h-128zM128 512v128h512v-128h-512z" />
-    <glyph glyph-name="t" unicode="t" horiz-adv-x="512" 
-d="M256 0v128h128v-128h-128zM128 128v512h-128v128h128v128h128v-128h128v-128h-128v-512h-128z" />
-    <glyph glyph-name="u" unicode="u" 
-d="M0 128v512h128v-512h-128zM128 0v128h384v512h128v-640h-512z" />
-    <glyph glyph-name="v" unicode="v" 
-d="M256 0v128h128v-128h-128zM128 128v128h128v-128h-128zM384 128v128h128v-128h-128zM0 256v384h128v-384h-128zM512 256v384h128v-384h-128z" />
-    <glyph glyph-name="w" unicode="w" 
-d="M0 128v512h128v-512h-128zM128 0v128h128v256h128v-256h128v512h128v-640h-512z" />
-    <glyph glyph-name="x" unicode="x" 
-d="M0 0v128h128v-128h-128zM512 0v128h128v-128h-128zM128 128v128h128v-128h-128zM384 128v128h128v-128h-128zM256 256v128h128v-128h-128zM128 384v128h128v-128h-128zM384 384v128h128v-128h-128zM0 512v128h128v-128h-128zM512 512v128h128v-128h-128z" />
-    <glyph glyph-name="y" unicode="y" 
-d="M0 -128v128h512v-128h-512zM0 256v384h128v-384h-128zM512 0v128h-384v128h384v384h128v-640h-128z" />
-    <glyph glyph-name="z" unicode="z" 
-d="M0 0v128h128v128h128v-128h384v-128h-640zM256 256v128h128v-128h-128zM384 384v128h-384v128h640v-128h-128v-128h-128z" />
-    <glyph glyph-name="braceleft" unicode="{" horiz-adv-x="640" 
-d="M256 0v128h256v-128h-256zM128 128v256h128v-256h-128zM0 384v128h128v-128h-128zM128 512v256h128v-256h-128zM256 768v128h256v-128h-256z" />
-    <glyph glyph-name="bar" unicode="|" horiz-adv-x="256" 
-d="M0 0v384h128v-384h-128zM0 512v384h128v-384h-128z" />
-    <glyph glyph-name="braceright" unicode="}" horiz-adv-x="640" 
-d="M0 0v128h256v-128h-256zM256 128v256h128v-256h-128zM384 384v128h128v-128h-128zM256 512v256h128v-256h-128zM0 768v128h256v-128h-256z" />
-    <glyph glyph-name="asciitilde" unicode="~" horiz-adv-x="896" 
-d="M0 640v128h128v-128h-128zM384 640v128h256v-128h-256zM128 768v128h256v-128h-256zM640 768v128h128v-128h-128z" />
-    <glyph glyph-name="exclamdown" unicode="&#xa1;" horiz-adv-x="256" 
-d="M0 0v640h128v-640h-128zM0 768v128h128v-128h-128z" />
-    <glyph glyph-name="yen" unicode="&#xa5;" 
-d="M256 0v128h-128v128h128v128h-128v128h128v128h128v-128h128v-128h-128v-128h128v-128h-128v-128h-128zM128 640v128h128v-128h-128zM384 640v128h128v-128h-128zM0 768v128h128v-128h-128zM512 768v128h128v-128h-128z" />
-    <glyph glyph-name="dieresis" unicode="&#xa8;" horiz-adv-x="640" 
-d="M128 768v128h128v-128h-128zM384 768v128h128v-128h-128z" />
-    <glyph glyph-name="questiondown" unicode="&#xbf;" 
-d="M128 0v128h384v-128h-384zM512 128v128h128v-128h-128zM0 128v256h128v-256h-128zM128 384v128h128v-128h-128zM256 512v128h128v-128h-128zM256 768v128h128v-128h-128z" />
-    <glyph glyph-name="Oslash" unicode="&#xd8;" horiz-adv-x="896" 
-d="M0 0v128h128v-128h-128zM256 0v128h256v-128h-256zM128 128v128h128v-128h-128zM512 128v128h128v-128h-128zM256 256v128h128v-128h-128zM0 256v256h128v-256h-128zM384 384v128h128v-128h-128zM640 256v256h128v-256h-128zM128 512v128h128v-128h-128zM512 512v128h128
-v-128h-128zM256 640v128h256v-128h-256zM640 640v128h128v-128h-128z" />
-    <glyph glyph-name="aring" unicode="&#xe5;" 
-d="M128 0v128h256v-128h-256zM0 128v384h128v-384h-128zM512 0v128h-128v128h128v256h-384v128h512v-640h-128zM256 768v128h128v-128h-128zM128 896v128h128v-128h-128zM384 896v128h128v-128h-128zM256 1024v128h128v-128h-128z" />
-    <glyph glyph-name="ae" unicode="&#xe6;" horiz-adv-x="1408" 
-d="M128 0v128h256v-128h-256zM768 0v128h512v-128h-512zM0 128v384h128v-384h-128zM1152 384v128h128v-128h-128zM512 0v128h-128v128h128v256h-384v128h512v-128h128v-128h384v-128h-384v-128h-128v-128h-128zM768 512v128h384v-128h-384z" />
-    <glyph glyph-name="oslash" unicode="&#xf8;" horiz-adv-x="896" 
-d="M0 0v128h128v-128h-128zM256 0v128h256v-128h-256zM128 128v128h128v-128h-128zM512 128v128h128v-128h-128zM256 256v128h128v-128h-128zM0 256v256h128v-256h-128zM384 384v128h128v-128h-128zM640 256v256h128v-256h-128zM128 512v128h128v-128h-128zM512 512v128h128
-v-128h-128zM256 640v128h256v-128h-256zM640 640v128h128v-128h-128z" />
-    <glyph glyph-name="quoteleft" unicode="&#x2018;" horiz-adv-x="384" 
-d="M0 512v256h128v-256h-128zM128 768v128h128v-128h-128z" />
-    <glyph glyph-name="quoteright" unicode="&#x2019;" horiz-adv-x="384" 
-d="M0 512v128h128v-128h-128zM128 640v256h128v-256h-128z" />
-    <glyph glyph-name="quotedblleft" unicode="&#x201c;" horiz-adv-x="640" 
-d="M0 512v256h128v-256h-128zM256 512v256h128v-256h-128zM128 768v128h128v-128h-128zM384 768v128h128v-128h-128z" />
-    <glyph glyph-name="quotedblright" unicode="&#x201d;" horiz-adv-x="640" 
-d="M0 512v128h128v-128h-128zM256 512v128h128v-128h-128zM128 640v256h128v-256h-128zM384 640v256h128v-256h-128z" />
-  </font>
-</defs></svg>
diff --git a/resources/assets/src/fonts/minecraft.ttf b/resources/assets/src/fonts/minecraft.ttf
deleted file mode 100644
index c223014a..00000000
Binary files a/resources/assets/src/fonts/minecraft.ttf and /dev/null differ
diff --git a/resources/assets/src/fonts/minecraft.woff b/resources/assets/src/fonts/minecraft.woff
deleted file mode 100644
index 8009c272..00000000
Binary files a/resources/assets/src/fonts/minecraft.woff and /dev/null differ
diff --git a/resources/assets/src/fonts/minecraft.woff2 b/resources/assets/src/fonts/minecraft.woff2
deleted file mode 100644
index 6db88bb8..00000000
Binary files a/resources/assets/src/fonts/minecraft.woff2 and /dev/null differ
diff --git a/resources/assets/src/fonts/ubuntu.woff2 b/resources/assets/src/fonts/ubuntu.woff2
deleted file mode 100644
index 8d900ac4..00000000
Binary files a/resources/assets/src/fonts/ubuntu.woff2 and /dev/null differ
diff --git a/resources/assets/src/stylus/common.styl b/resources/assets/src/stylus/common.styl
new file mode 100644
index 00000000..9839ab25
--- /dev/null
+++ b/resources/assets/src/stylus/common.styl
@@ -0,0 +1,14 @@
+font_stack = Ubuntu, 'Segoe UI', 'Microsoft Yahei', 'Microsoft Jhenghei', sans-serif;
+
+body, h1, h2, h3, h4, h5, h6, .logo {
+    font-family: font_stack !important;
+}
+
+.swal2-modal, .swal2-content {
+    font-family: font_stack;
+    font-weight: 400 !important;
+}
+
+.swal2-modal h2 {
+    font-size: 25px;
+}
diff --git a/webpack.config.js b/webpack.config.js
index a338ad5a..7e892d00 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -17,6 +17,9 @@ module.exports = [{
             'font-awesome/css/font-awesome.min.css',
             'icheck/skins/square/blue.css',
             'toastr/build/toastr.min.css',
+            'typeface-ubuntu',
+            'typeface-minecraft',
+            './resources/assets/src/stylus/common.styl',
         ]
     },
     output: {
@@ -54,6 +57,15 @@ module.exports = [{
                 test: /node_modules.*\.css$/,
                 use: [MiniCssExtractPlugin.loader, 'css-loader']
             },
+            {
+                test: /common\.styl$/,
+                use: [
+                    MiniCssExtractPlugin.loader,
+                    { loader: 'css-loader', options: { importLoaders: 2 } },
+                    'postcss-loader',
+                    'stylus-loader'
+                ]
+            },
             {
                 test: /\.(png|jpg|gif|svg|woff2?|eot|ttf)$/,
                 loader: 'url-loader',
diff --git a/yarn.lock b/yarn.lock
index bbc5219e..d48a5ec7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7213,6 +7213,14 @@ typedarray@^0.0.6, typedarray@~0.0.5:
   version "0.0.6"
   resolved "https://registry.yarnpkg.com/typedarray/-/typedarray-0.0.6.tgz#867ac74e3864187b1d3d47d996a78ec5c8830777"
 
+typeface-minecraft@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/typeface-minecraft/-/typeface-minecraft-1.0.0.tgz#1624627ed15eff5fb7e70f19807097a5b13ce1c3"
+
+typeface-ubuntu@^0.0.54:
+  version "0.0.54"
+  resolved "https://registry.yarnpkg.com/typeface-ubuntu/-/typeface-ubuntu-0.0.54.tgz#1219d28be0a86b9a2d779e53d8b89d13de911ac3"
+
 uglify-es@^3.3.4:
   version "3.3.9"
   resolved "https://registry.yarnpkg.com/uglify-es/-/uglify-es-3.3.9.tgz#0c1c4f0700bed8dbc124cdb304d2592ca203e677"