Noissue - Update font-family to Source Sans Pro on abp.org

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -1,16 +1,42 @@
-*
+@font-face
 {
-  font-family: Arial, sans;
-  font-size: 16px;
+  font-family: "Source Sans Pro";
+  font-weight: 400;
+  font-style: normal;
+  src: url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot");

[juliandoucette, 2018/02/13 18:32:06]

I don't think this isn't necessary unless we want to load this font in IE
compatibility modes (which I don't think we do).

[ire, 2018/02/14 08:43:42]

Done.

+  src: url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.eot?#iefix") format("embedded-opentype"),

[juliandoucette, 2018/02/13 18:32:05]

I don't think that this isn't necessary unless we want to load this font on IE
6-8 (which I don't think we do).

[ire, 2018/02/14 08:43:42]

Done.

+       local("Source Sans Pro"),
+       local("Source-Sans-Pro-400"),
+       url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff2") format("woff2"),
+       url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.woff") format("woff"),
+       url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.ttf") format("truetype"),

[juliandoucette, 2018/02/13 18:32:06]

I don't think this is necessary unless we want to load this font on old versions
of mobile browsers (which I don't think we do).

Detail: This would be necessary to support Android >= 4.0.3 in our
browserlistrc. However, older versions of Android also imply older (less
capable) phones and slower network connection?

[ire, 2018/02/14 08:43:42]

Done.

+       url("../fonts/Source-Sans-Pro-400/Source-Sans-Pro-400.svg#SourceSansPro") format("svg");

[juliandoucette, 2018/02/13 18:32:06]

I don't think that this is necessary unless we want to support old versions of
iOS (which I don't think we do).

[ire, 2018/02/14 08:43:42]

Done.

+}
+
+@font-face
+{
+  font-family: "Source Sans Pro";
+  font-weight: 600;
+  font-style: normal;
+  src: url("../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.eot");
+  src: url("../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.eot?#iefix") format("embedded-opentype"),
+       local("Source Sans Pro Semibold"),
+       local("Source-Sans-Pro-600"),
+       url("../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.woff2") format("woff2"),
+       url("../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.woff") format("woff"),
+       url("../fonts/Source-Sans-Pro-600/Source-Sans-Pro-600.ttf") format("truetype");
 }
 
 body
 {
+  font-family: "Source Sans Pro", Arial, sans-serif;
+  font-size: 16px;

[juliandoucette, 2018/02/13 18:32:06]

I think we can rely on website-defaults to set (or intentionally not set) the
body font-size and weight.

[ire, 2018/02/14 08:43:42]

Done.

+  font-weight: 400;
   margin: 0;
   line-height: 1.5;
 }
 
 #content
 {
   padding-bottom: 2em;
 }