diff --git a/public/roboto-font/roboto-black-webfont.woff b/public/roboto-font/roboto-black-webfont.woff
new file mode 100755
index 000000000..235a22e7f
Binary files /dev/null and b/public/roboto-font/roboto-black-webfont.woff differ
diff --git a/public/roboto-font/roboto-black-webfont.woff2 b/public/roboto-font/roboto-black-webfont.woff2
new file mode 100755
index 000000000..7b2da40dd
Binary files /dev/null and b/public/roboto-font/roboto-black-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-blackitalic-webfont.woff b/public/roboto-font/roboto-blackitalic-webfont.woff
new file mode 100755
index 000000000..bc72f1191
Binary files /dev/null and b/public/roboto-font/roboto-blackitalic-webfont.woff differ
diff --git a/public/roboto-font/roboto-blackitalic-webfont.woff2 b/public/roboto-font/roboto-blackitalic-webfont.woff2
new file mode 100755
index 000000000..5585aeb5e
Binary files /dev/null and b/public/roboto-font/roboto-blackitalic-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-bold-webfont.woff b/public/roboto-font/roboto-bold-webfont.woff
new file mode 100755
index 000000000..25eafea79
Binary files /dev/null and b/public/roboto-font/roboto-bold-webfont.woff differ
diff --git a/public/roboto-font/roboto-bold-webfont.woff2 b/public/roboto-font/roboto-bold-webfont.woff2
new file mode 100755
index 000000000..9eb35cc57
Binary files /dev/null and b/public/roboto-font/roboto-bold-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-bolditalic-webfont.woff b/public/roboto-font/roboto-bolditalic-webfont.woff
new file mode 100755
index 000000000..93374b9ce
Binary files /dev/null and b/public/roboto-font/roboto-bolditalic-webfont.woff differ
diff --git a/public/roboto-font/roboto-bolditalic-webfont.woff2 b/public/roboto-font/roboto-bolditalic-webfont.woff2
new file mode 100755
index 000000000..f10418b7b
Binary files /dev/null and b/public/roboto-font/roboto-bolditalic-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-italic-webfont.woff b/public/roboto-font/roboto-italic-webfont.woff
new file mode 100755
index 000000000..6fb4026ee
Binary files /dev/null and b/public/roboto-font/roboto-italic-webfont.woff differ
diff --git a/public/roboto-font/roboto-italic-webfont.woff2 b/public/roboto-font/roboto-italic-webfont.woff2
new file mode 100755
index 000000000..5153a0e55
Binary files /dev/null and b/public/roboto-font/roboto-italic-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-light-webfont.woff b/public/roboto-font/roboto-light-webfont.woff
new file mode 100755
index 000000000..2ea28a7c5
Binary files /dev/null and b/public/roboto-font/roboto-light-webfont.woff differ
diff --git a/public/roboto-font/roboto-light-webfont.woff2 b/public/roboto-font/roboto-light-webfont.woff2
new file mode 100755
index 000000000..37b1f938a
Binary files /dev/null and b/public/roboto-font/roboto-light-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-lightitalic-webfont.woff b/public/roboto-font/roboto-lightitalic-webfont.woff
new file mode 100755
index 000000000..baaeabf23
Binary files /dev/null and b/public/roboto-font/roboto-lightitalic-webfont.woff differ
diff --git a/public/roboto-font/roboto-lightitalic-webfont.woff2 b/public/roboto-font/roboto-lightitalic-webfont.woff2
new file mode 100755
index 000000000..8eb516501
Binary files /dev/null and b/public/roboto-font/roboto-lightitalic-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-medium-webfont.woff b/public/roboto-font/roboto-medium-webfont.woff
new file mode 100755
index 000000000..17a6b6509
Binary files /dev/null and b/public/roboto-font/roboto-medium-webfont.woff differ
diff --git a/public/roboto-font/roboto-medium-webfont.woff2 b/public/roboto-font/roboto-medium-webfont.woff2
new file mode 100755
index 000000000..d8f2d61cb
Binary files /dev/null and b/public/roboto-font/roboto-medium-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-mediumitalic-webfont.woff b/public/roboto-font/roboto-mediumitalic-webfont.woff
new file mode 100755
index 000000000..57361fc80
Binary files /dev/null and b/public/roboto-font/roboto-mediumitalic-webfont.woff differ
diff --git a/public/roboto-font/roboto-mediumitalic-webfont.woff2 b/public/roboto-font/roboto-mediumitalic-webfont.woff2
new file mode 100755
index 000000000..cd17dbcc4
Binary files /dev/null and b/public/roboto-font/roboto-mediumitalic-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-regular-webfont.woff b/public/roboto-font/roboto-regular-webfont.woff
new file mode 100755
index 000000000..1ab884777
Binary files /dev/null and b/public/roboto-font/roboto-regular-webfont.woff differ
diff --git a/public/roboto-font/roboto-regular-webfont.woff2 b/public/roboto-font/roboto-regular-webfont.woff2
new file mode 100755
index 000000000..a429e364b
Binary files /dev/null and b/public/roboto-font/roboto-regular-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-thin-webfont.woff b/public/roboto-font/roboto-thin-webfont.woff
new file mode 100755
index 000000000..2b03a0f74
Binary files /dev/null and b/public/roboto-font/roboto-thin-webfont.woff differ
diff --git a/public/roboto-font/roboto-thin-webfont.woff2 b/public/roboto-font/roboto-thin-webfont.woff2
new file mode 100755
index 000000000..444575dba
Binary files /dev/null and b/public/roboto-font/roboto-thin-webfont.woff2 differ
diff --git a/public/roboto-font/roboto-thinitalic-webfont.woff b/public/roboto-font/roboto-thinitalic-webfont.woff
new file mode 100755
index 000000000..5352aa47b
Binary files /dev/null and b/public/roboto-font/roboto-thinitalic-webfont.woff differ
diff --git a/public/roboto-font/roboto-thinitalic-webfont.woff2 b/public/roboto-font/roboto-thinitalic-webfont.woff2
new file mode 100755
index 000000000..b8e2886b5
Binary files /dev/null and b/public/roboto-font/roboto-thinitalic-webfont.woff2 differ
diff --git a/src/css/links.css b/src/css/links.css
deleted file mode 100644
index 61d7cf1f5..000000000
--- a/src/css/links.css
+++ /dev/null
@@ -1,30 +0,0 @@
-@font-face {
-  font-family: 'roboto-regular';
-  font-style: normal;
-  font-weight: 400;
-  src: local('Roboto Regular'),
-       local('Roboto-Regular'),
-       url(../roboto-font/Roboto-Regular.ttf) format('truetype'),
-       url(../roboto-font/Roboto-Regular.woff) format('woff'),
-       url(../roboto-font/Roboto-Regular.woff2) format('woff2');
-}
-@font-face {
-  font-family: 'roboto-bold';
-  font-style: normal;
-  font-weight: 700;
-  src: local('Roboto Bold'),
-       local('Roboto-Bold'),
-       url(../roboto-font/Roboto-Bold.ttf) format('truetype'),
-       url(../roboto-font/Roboto-Bold.woff) format('woff'),
-       url(../roboto-font/Roboto-Bold.woff2) format('woff2');
-}
-@font-face {
-  font-family: 'roboto-italic';
-  font-style: italic;
-  font-weight: 400;
-  src: local('Roboto Italic'),
-       local('Roboto-Italic'),
-       url(../roboto-font/Roboto-Italic.ttf) format('truetype'),
-       url(../roboto-font/Roboto-Italic.woff) format('woff'),
-       url(../roboto-font/Roboto-Italic.woff2) format('woff2');
-}
diff --git a/src/sass/fonts.scss b/src/sass/fonts.scss
new file mode 100644
index 000000000..7039ac3bf
--- /dev/null
+++ b/src/sass/fonts.scss
@@ -0,0 +1,140 @@
+@font-face {
+  font-family: 'Roboto-Black';
+  src: url('../roboto-font/roboto-black-webfont.woff2') format('woff2'),
+  url('roboto-black-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Black-Italic';
+  src: url('../roboto-font/roboto-blackitalic-webfont.woff2') format('woff2'),
+  url('roboto-blackitalic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Bold';
+  src: url('../roboto-font/roboto-bold-webfont.woff2') format('woff2'),
+  url('roboto-bold-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Bold-Italic';
+  src: url('../roboto-font/roboto-bolditalic-webfont.woff2') format('woff2'),
+  url('roboto-bolditalic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Italic';
+  src: url('../roboto-font/roboto-italic-webfont.woff2') format('woff2'),
+  url('roboto-italic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Light';
+  src: url('../roboto-font/roboto-light-webfont.woff2') format('woff2'),
+  url('roboto-light-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Light-Italic';
+  src: url('../roboto-font/roboto-lightitalic-webfont.woff2') format('woff2'),
+  url('roboto-lightitalic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Medium';
+  src: url('../roboto-font/roboto-medium-webfont.woff2') format('woff2'),
+  url('roboto-medium-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Medium-Italic';
+  src: url('../roboto-font/roboto-mediumitalic-webfont.woff2') format('woff2'),
+  url('roboto-mediumitalic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto';
+  src: url('../roboto-font/roboto-regular-webfont.woff2') format('woff2'),
+  url('roboto-regular-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Thin';
+  src: url('../roboto-font/roboto-thin-webfont.woff2') format('woff2'),
+  url('roboto-thin-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+
+
+
+@font-face {
+  font-family: 'Roboto-Thin-Italic';
+  src: url('../roboto-font/roboto-thinitalic-webfont.woff2') format('woff2'),
+  url('roboto-thinitalic-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
\ No newline at end of file
diff --git a/src/sass/main.scss b/src/sass/main.scss
index c2cb10722..7ceb64a70 100644
--- a/src/sass/main.scss
+++ b/src/sass/main.scss
@@ -983,6 +983,7 @@ input[type=number] {
   }
 }
 
+@import "fonts";
 @import "ionic";
 @import "common";
 @import "forms";