diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 7ea9498..51a2ee4 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -1,3 +1,24 @@
+/*
+	FONTS
+*/
+@font-face {
+	font-family: 'Quicksand';
+	src: url('../font/quicksand-regular-webfont.woff2') format('woff2'),
+		url('../font/quicksand-regular-webfont.woff') format('woff');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'Quicksand';
+	src: url('../font/quicksand-bold-webfont.woff2') format('woff2'),
+		url('../font/quicksand-bold-webfont.woff') format('woff');
+	font-weight: 700;
+	font-style: normal;
+}
+
+
+
 /*
 	BODY
 */
diff --git a/public/assets/font/quicksand-bold-webfont.woff b/public/assets/font/quicksand-bold-webfont.woff
new file mode 100755
index 0000000..60f5cae
Binary files /dev/null and b/public/assets/font/quicksand-bold-webfont.woff differ
diff --git a/public/assets/font/quicksand-bold-webfont.woff2 b/public/assets/font/quicksand-bold-webfont.woff2
new file mode 100755
index 0000000..b160e36
Binary files /dev/null and b/public/assets/font/quicksand-bold-webfont.woff2 differ
diff --git a/public/assets/font/quicksand-regular-webfont.woff b/public/assets/font/quicksand-regular-webfont.woff
new file mode 100755
index 0000000..a435f04
Binary files /dev/null and b/public/assets/font/quicksand-regular-webfont.woff differ
diff --git a/public/assets/font/quicksand-regular-webfont.woff2 b/public/assets/font/quicksand-regular-webfont.woff2
new file mode 100755
index 0000000..968bb7b
Binary files /dev/null and b/public/assets/font/quicksand-regular-webfont.woff2 differ
diff --git a/public/index.html b/public/index.html
index efb9d99..f85456d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,7 +4,6 @@
 		<base href="/">
 		<meta charset="utf-8">
 		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand:400,700">
 		<link rel="stylesheet" href="assets/css/bootstrap.min.css?v=4.0.0">
 		<link rel="stylesheet" href="assets/css/highlight-github.min.css?v=9.12.0">
 		<link rel="stylesheet" href="assets/css/angular-tooltips.min.css?v=1.2.2">
@@ -63,7 +62,7 @@
 										<span tooltips tooltip-template="Serve requests without www subdomain.">non-www</span>
 									</label>
 								</div>
-								<div class="form-subgroup" ng-if="isWWW()">
+								<div class="form-subgroup" ng-if="isWWW()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="checkbox" id="cdn" ng-model="data.cdn">
 										<label class="form-check-label" for="cdn">
@@ -77,7 +76,7 @@
 										<span tooltips tooltip-template="Provides support for HTTPS.<br><br><i>using Mozilla SSL config</i>">HTTPS</span>
 									</label>
 								</div>
-								<div class="form-subgroup" ng-if="isHTTPS()">
+								<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="checkbox" id="http2" ng-model="data.http2">
 										<label class="form-check-label" for="http2">
@@ -85,15 +84,15 @@
 										</label>
 									</div>
 								</div>
-								<div class="form-subgroup" ng-if="isHTTPS()">
+								<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="radio" id="letsencrypt" ng-model="data.cert_type" value="letsencrypt">
 										<label class="form-check-label" for="letsencrypt">
 											<span tooltips tooltip-template="Let's Encrypt based SSl.<br><br><i>free, automated, and open Certificate Authority</i>">Let's Encrypt</span>
 										</label>
 									</div>
-									<div class="form-subgroup">
-										<div class="form-group" ng-if="isHTTPS() && isLetsEncrypt()">
+									<div class="form-subgroup" ng-if="isHTTPS() && isLetsEncrypt()" ng-cloak>
+										<div class="form-group">
 											<label class="form-label small">
 												<span tooltips tooltip-template="Let's Encrypt expiration notify e-mail.">E-mail</span>
 											</label>
@@ -101,23 +100,23 @@
 										</div>
 									</div>
 								</div>
-								<div class="form-subgroup" ng-if="isHTTPS()">
+								<div class="form-subgroup" ng-if="isHTTPS()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="radio" id="custom_cert" ng-model="data.cert_type" value="custom">
 										<label class="form-check-label" for="custom_cert">
 											<span tooltips tooltip-template="Custom certificate">Custom certificate</span>
 										</label>
 									</div>
-									<div class="form-subgroup">
-										<div class="form-group" ng-if="isHTTPS() && isCustomCert()">
+									<div class="form-subgroup" ng-if="isHTTPS() && isCustomCert()" ng-cloak>
+										<div class="form-group">
 											<label class="form-label small">
 												<span tooltips tooltip-template="Path to crt file"><code>ssl_certificate</code></span>
 											</label>
 											<input type="text" class="form-control form-control-sm" ng-model="data.ssl_certificate" placeholder="{{ '/etc/nginx/ssl/' + domain() + '.crt' }}">
 										</div>
 									</div>
-									<div class="form-subgroup">
-										<div class="form-group" ng-if="isHTTPS() && isCustomCert()">
+									<div class="form-subgroup" ng-if="isHTTPS() && isCustomCert()" ng-cloak>
+										<div class="form-group">
 											<label class="form-label small">
 												<span tooltips tooltip-template="Path to key file"><code>ssl_certificate_key</code></span>
 											</label>
@@ -151,7 +150,7 @@
 										</select>
 									</div>
 								</div>
-								<div class="form-subgroup" ng-if="isPHP()">
+								<div class="form-subgroup" ng-if="isPHP()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="checkbox" id="index_php" ng-model="data.index_php">
 										<label class="form-check-label" for="index_php">
@@ -159,7 +158,7 @@
 										</label>
 									</div>
 								</div>
-								<div class="form-subgroup" ng-if="isPHP()">
+								<div class="form-subgroup" ng-if="isPHP()" ng-cloak>
 									<div class="form-check">
 										<input class="form-check-input" type="checkbox" id="wordpress" ng-model="data.wordpress">
 										<label class="form-check-label" for="wordpress">
@@ -329,7 +328,7 @@
 									<pre><code class="hljs bash" ng-include="'templates/commands.html?v=COMMIT_HASH'"></code></pre>
 								</div>
 							</div>
-							<div class="file grid-item" ng-class="isModularized() || isHTTPS() || isWordPress() ? 'col-xl-6' : 'col-xl-12'">
+							<div class="file grid-item" ng-class="isModularized() || isHTTPS() || isWordPress() ? 'col-xl-6' : 'col-xl-12'" ng-cloak>
 								<strong>/etc/nginx/nginx.conf</strong>
 								<button class="btn btn-light btn-clipboard" ngclipboard data-clipboard-target="#file-nginx" ngclipboard-success="clipboardSuccess('nginx.conf')">
 									<img src="assets/img/clipboard-dark.svg" alt="Copy to clipboard">