diff --git a/index.html b/index.html
index 9880b66..234938f 100644
--- a/index.html
+++ b/index.html
@@ -4,12 +4,6 @@
-
-
-
SIGit
diff --git a/src/assets/roboto-font/Roboto-Bold.ttf b/src/assets/roboto-font/Roboto-Bold.ttf
new file mode 100644
index 0000000..43da14d
Binary files /dev/null and b/src/assets/roboto-font/Roboto-Bold.ttf differ
diff --git a/src/assets/roboto-font/Roboto-Light.ttf b/src/assets/roboto-font/Roboto-Light.ttf
new file mode 100644
index 0000000..e7307e7
Binary files /dev/null and b/src/assets/roboto-font/Roboto-Light.ttf differ
diff --git a/src/assets/roboto-font/Roboto-Medium.ttf b/src/assets/roboto-font/Roboto-Medium.ttf
new file mode 100644
index 0000000..ac0f908
Binary files /dev/null and b/src/assets/roboto-font/Roboto-Medium.ttf differ
diff --git a/src/assets/roboto-font/Roboto-Regular.ttf b/src/assets/roboto-font/Roboto-Regular.ttf
new file mode 100644
index 0000000..ddf4bfa
Binary files /dev/null and b/src/assets/roboto-font/Roboto-Regular.ttf differ
diff --git a/src/index.css b/src/index.css
index bc56be3..784ec89 100644
--- a/src/index.css
+++ b/src/index.css
@@ -16,6 +16,30 @@
box-sizing: border-box;
}
+@font-face {
+ font-family: 'Roboto';
+ font-weight: 300;
+ src: local('Roboto-Light'), url(./assets/roboto-font/Roboto-Light.ttf);
+}
+
+@font-face {
+ font-family: 'Roboto';
+ font-weight: 400;
+ src: local('Roboto-Regular'), url(./assets/Roboto-font/Roboto-Regular.ttf);
+}
+
+@font-face {
+ font-family: 'Roboto';
+ font-weight: 500;
+ src: local('Roboto-Medium'), url(./assets/Roboto-font/Roboto-Medium.ttf);
+}
+
+@font-face {
+ font-family: 'Roboto';
+ font-weight: 700;
+ src: local('Roboto-Bold'), url(./assets/Roboto-font/Robot-Bold.ttf);
+}
+
body {
margin: 0;
min-width: 320px;