diff --git a/src/App.vue b/src/App.vue
index 6ffe61311b819f8453f8cc169efd9371afbf6fb4..ebace20873dea972b09f7200a99ad19a5d54d521 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -19,8 +19,10 @@ export default {
 </script>
 
 <style>
+@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i');
+
 #app {
-  font-family: 'Avenir', Helvetica, Arial, sans-serif;
+  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }