Fix font rendering on IE11 (#642)

This is an issue on IE11, it cannot pick the correct system font because the font `-apple-system` makes the value invalid and hence making the whole declaration invalid. A good solution is to split the shorthand version into separate properties/values and it will work.
facebook · May 6, 2018 · 17dd6d9 · 17dd6d9
1 parent 6d77403
commit 17dd6d9
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/lib/static/css/main.css b/lib/static/css/main.css
@@ -56,7 +56,9 @@ table {
 body {
   background: #f9f9f9;
   color: #393939;
-  font: normal 16px/1.4em -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;
+  font-family: -apple-system,system-ui,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Fira Sans','Droid Sans','Helvetica Neue',Arial,sans-serif;
+  font-size: 16px;
+  line-height: 1.4em;
   min-height: 100vh;
   text-align: left;
   text-rendering: optimizeLegibility;