Merge pull request #735 from ferferga/font-family

Change font family

src/assets/css/fonts.css

@@ -1,29 +1,30 @@
 html {
-    font-family: -apple-system, "Helvetica", system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
+    font-family: "Noto Sans", sans-serif;
     font-size: 93%;
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
+    -webkit-font-smoothing: antialiased;
+    text-rendering: optimizeLegibility;
 }
 
 h1,
 h2,
 h3 {
-    /* For better bolding, since Helvetica does not support 500 weight, and 600 is too thick */
-    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", 'Open Sans', sans-serif;
+    font-family: "Noto Sans", sans-serif;
 }
 
 h1 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.8em;
 }
 
 h2 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.5em;
 }
 
 h3 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.17em;
 }
 

src/assets/css/fonts.sized.css

@@ -1,5 +1,5 @@
 h1 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.8em;
 }
 
@@ -8,12 +8,12 @@ h1 {
 }
 
 h2 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.5em;
 }
 
 h3 {
-    font-weight: 500;
+    font-weight: 400;
     font-size: 1.17em;
 }
 

src/bundle.js

@@ -102,3 +102,8 @@ var material_icons = require("material-design-icons-iconfont/dist/material-desig
 _define("material-icons", function() {
     return material_icons;
 });
+
+var jellyfin_noto = require("jellyfin-noto");
+_define("jellyfin-noto", function () {
+    return jellyfin_noto;
+});

src/scripts/site.js

@@ -732,7 +732,8 @@ var AppInfo = {};
                     "sortable",
                     "libjass",
                     "webcomponents",
-                    "material-icons"
+                    "material-icons",
+                    "jellyfin-noto"
                 ]
             },
             urlArgs: urlArgs,
@@ -747,6 +748,7 @@ var AppInfo = {};
         });
 
         require(["css!assets/css/site"]);
+        require(["jellyfin-noto"]);
 
         // define styles
         // TODO determine which of these files can be moved to the components themselves