diff --git a/src/fonts/cantarell-bold.woff2 b/src/fonts/cantarell-bold.woff2
new file mode 100644
index 0000000..6405268
Binary files /dev/null and b/src/fonts/cantarell-bold.woff2 differ
diff --git a/src/fonts/cantarell-regular.woff2 b/src/fonts/cantarell-regular.woff2
new file mode 100644
index 0000000..88cf14b
Binary files /dev/null and b/src/fonts/cantarell-regular.woff2 differ
diff --git a/src/fonts/cantarell.css b/src/fonts/cantarell.css
new file mode 100644
index 0000000..ae1d5bf
--- /dev/null
+++ b/src/fonts/cantarell.css
@@ -0,0 +1,15 @@
+/* cantarell-regular */
+@font-face {
+	font-family: Cantarell;
+	font-style: normal;
+	font-weight: 400;
+	src: local("Cantarell Regular"), local("Cantarell-Regular"), url(cantarell-regular.woff2) format("woff2");
+}
+/* cantarell-bold */
+@font-face {
+	font-family: Cantarell;
+	font-style: normal;
+	font-weight: 700;
+	src: local("Cantarell Bold"), local("Cantarell-Bold"), url(cantarell-bold.woff2) format("woff2");
+}
+
diff --git a/src/style.css b/src/style.css
index df5b07a..3c08157 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,5 @@
+@import url("fonts/cantarell.css");
+
 /* for mobile user */
 body{
   margin: auto auto auto auto;
@@ -7,6 +9,7 @@ body{
 }
 :root{
   background-color: rgb(131, 131, 131);
+  font-family: Cantarell, sans-serif;
 }
 /* disable desktop & tablet for now due to unfinalized design */
 @media only screen and (min-width: 700px) {