Add light and ultraLight fonts

6 files changed, 14 insertions, 5 deletions

diff --git a/app/fonts/Montserrat/Montserrat-Light.ttf b/app/fonts/Montserrat/Montserrat-Light.ttf
new file mode 100644
index 000000000..cd8f62d7e
--- /dev/null
+++ b/app/fonts/Montserrat/Montserrat-Light.ttf
diff --git a/app/fonts/Montserrat/Montserrat-Light.woff b/app/fonts/Montserrat/Montserrat-Light.woff
new file mode 100644
index 000000000..d8aa6e103
--- /dev/null
+++ b/app/fonts/Montserrat/Montserrat-Light.woff
diff --git a/app/fonts/Montserrat/Montserrat-UltraLight.ttf b/app/fonts/Montserrat/Montserrat-UltraLight.ttf
new file mode 100644
index 000000000..16d2dbf15
--- /dev/null
+++ b/app/fonts/Montserrat/Montserrat-UltraLight.ttf
diff --git a/app/fonts/Montserrat/Montserrat-UltraLight.woff b/app/fonts/Montserrat/Montserrat-UltraLight.woff
new file mode 100644
index 000000000..156ff32c8
--- /dev/null
+++ b/app/fonts/Montserrat/Montserrat-UltraLight.woff
diff --git a/ui/app/account-detail.js b/ui/app/account-detail.js
index aae1d434f..20b7bd728 100644
--- a/ui/app/account-detail.js
+++ b/ui/app/account-detail.js
@@ -107,7 +107,7 @@ AccountDetailScreen.prototype.render = function () {
                   paddingTop: '3px',
                   width: '5em',
                   fontSize: '13px',
-                  fontFamily: 'Montserrat Thin',
+                  fontFamily: 'Montserrat Light',
                   textRendering: 'geometricPrecision',
                   marginTop: '10px',
                   marginBottom: '15px',
diff --git a/ui/app/css/fonts.css b/ui/app/css/fonts.css
index da024ce84..3b9f581b9 100644
--- a/ui/app/css/fonts.css
+++ b/ui/app/css/fonts.css
@@ -20,8 +20,17 @@
 }
 
 @font-face {
-  font-family: 'Montserrat Thin';
-    src: url('/fonts/Montserrat/Montserrat-Regular.woff') format('woff');
-    src: url('/fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
-  text-rendering: geometricPrecision;
+  font-family: 'Montserrat Light';
+    src: url('/fonts/Montserrat/Montserrat-Light.woff') format('woff');
+    src: url('/fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+  font-family: 'Montserrat UltraLight';
+    src: url('/fonts/Montserrat/Montserrat-UltraLight.woff') format('woff');
+    src: url('/fonts/Montserrat/Montserrat-UltraLight.ttf') format('truetype');
+    font-weight: normal;
+    font-style: normal;
 }