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.
This commit is contained in:
Ahmad Alfy 2018-05-06 07:42:00 +02:00 committed by Yangshun Tay
parent 6d77403dc1
commit 17dd6d9c8e

View file

@ -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;