diff --git a/package.json b/package.json
index a1a3fb83..30c14b43 100644
--- a/package.json
+++ b/package.json
@@ -47,6 +47,7 @@
"ngx-uploader": "2.2.0",
"normalize.css": "4.2.0",
"reflect-metadata": "0.1.9",
+ "roboto-fontface": "0.7.0",
"rxjs": "5.1.1",
"tether": "1.4.0",
"zone.js": "0.7.7"
diff --git a/src/app/theme/initial.scss b/src/app/theme/initial.scss
index 0d3b970f..7c93928d 100644
--- a/src/app/theme/initial.scss
+++ b/src/app/theme/initial.scss
@@ -1,3 +1,4 @@
@import 'sass/conf/conf';
@import 'sass/preloader';
@import 'sass/ionicons';
+@import 'sass/fonts';
diff --git a/src/app/theme/sass/_fonts.scss b/src/app/theme/sass/_fonts.scss
new file mode 100644
index 00000000..e449b85e
--- /dev/null
+++ b/src/app/theme/sass/_fonts.scss
@@ -0,0 +1,3 @@
+$roboto-font-path: "~roboto-fontface/fonts/";
+
+@import "~roboto-fontface/css/roboto/sass/roboto-fontface";
diff --git a/src/index.html b/src/index.html
index a2cbf840..2d3b315e 100644
--- a/src/index.html
+++ b/src/index.html
@@ -33,8 +33,5 @@
<% } %>
-