diff --git a/web/public/fonts/opensans100-roboto300 b/web/public/fonts/opensans100-roboto300
new file mode 100644
index 0000000..d0ea70e
--- /dev/null
+++ b/web/public/fonts/opensans100-roboto300
@@ -0,0 +1,6 @@
+@font-face {
+  font-family: 'Roboto';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Roboto Light'), local('Roboto-Light'), url('../public/fonts/opensans100-roboto300.ttf') format('truetype');
+}
diff --git a/web/public/fonts/opensans100-roboto300.ttf b/web/public/fonts/opensans100-roboto300.ttf
new file mode 100644
index 0000000..57a24e8
Binary files /dev/null and b/web/public/fonts/opensans100-roboto300.ttf differ
diff --git a/web/style/app.scss b/web/style/app.scss
index a86f827..e0bb9f9 100644
--- a/web/style/app.scss
+++ b/web/style/app.scss
@@ -1,5 +1,5 @@
 // styles in src/style directory are applied to the whole page
-@import url('https://fonts.googleapis.com/css?family=Open+Sans:100|Roboto:300');
+@import '../public/fonts/opensans100-roboto300';
 @import '../../node_modules/angular2-toaster/toaster';
 @import '../../node_modules/bootstrap/dist/css/bootstrap.min.css';
 @import "themes/themes";