diff --git a/src/templates/base-source-template/less/source/index.html b/src/templates/base-source-template/less/source/index.html
index 9246fd1..f05b5ee 100644
--- a/src/templates/base-source-template/less/source/index.html
+++ b/src/templates/base-source-template/less/source/index.html
@@ -6,31 +6,6 @@
Start Imba
-
diff --git a/src/templates/base-source-template/less/source/index.less b/src/templates/base-source-template/less/source/index.less
index 3aa8239..663882c 100644
--- a/src/templates/base-source-template/less/source/index.less
+++ b/src/templates/base-source-template/less/source/index.less
@@ -1,3 +1,36 @@
@import "./components/app";
-@import "https://fonts.googleapis.com/css?family=Gothic+A1:400,700|Black+Han+Sans|Inconsolata:700";
\ No newline at end of file
+@font-face {
+ font-family: 'Black Han Sans';
+ font-weight: 700;
+ src: local('Black Han Sans Regular'), local('BlackHanSans-Regular'), url(https://fonts.gstatic.com/s/blackhansans/v8/ea8Aad44WunzF9a-dL6toA8r8nqQSWKmEJKy1nK6J8sYUGdTBHS2osQ.2.woff2) format('woff2');
+}
+@font-face {
+ font-family: 'Inconsolata';
+ font-weight: 700;
+ src: local('Inconsolata Bold'), local('Inconsolata-Bold'), url(https://fonts.gstatic.com/s/inconsolata/v18/QldXNThLqRwH-OJ1UHjlKGHiw71p5_w.woff2) format('woff2');
+}
+@font-face {
+ font-family: 'Gothic A1';
+ font-weight: 400;
+ src: local('Gothic A1 Regular'), local('GothicA1-Regular'), url(https://fonts.gstatic.com/s/gothica1/v8/CSR94z5ZnPydRjlCCwl6aaU4Qt0V05ZAcgT3T1VKO2vL6LbP.0.woff2) format('woff2');
+}
+&:root {
+ --header-font: 'Black Han Sans', sans-serif;
+ --copy-font: 'Gothic A1', sans-serif;
+ --code-font: 'Inconsolata', monospace;
+}
+* {
+ margin: 0;
+ padding: 0;
+}
+h1 {
+ font-family: var(--header-font);
+}
+body {
+ font-family: var(--copy-font);
+ font-weight: regular;
+}
+code {
+ font-family: var(--code-font);
+}
diff --git a/src/templates/base-source-template/sass/source/components/app.sass b/src/templates/base-source-template/sass/source/components/app.sass
index d080c56..d18b13a 100644
--- a/src/templates/base-source-template/sass/source/components/app.sass
+++ b/src/templates/base-source-template/sass/source/components/app.sass
@@ -2,24 +2,24 @@
width: 100%
.header
- width: 100%
- background: #000
- color: #fff
- display: flex
- justify-content: center
- align-items: center
- flex-direction: column
- padding: 60px 0
+ width: 100%
+ background: #000
+ color: #fff
+ display: flex
+ justify-content: center
+ align-items: center
+ flex-direction: column
+ padding: 60px 0
- .title
- font-size: 20px
- border: 4px solid white
- font-weight: 500
- padding: 7px 15px
- text-align: center
- border-radius: 10px
- letter-spacing: 5px
- margin: 0
+ .title
+ font-size: 20px
+ border: 4px solid white
+ font-weight: 500
+ padding: 7px 15px
+ text-align: center
+ border-radius: 10px
+ letter-spacing: 5px
+ margin: 0
.content
display: flex