From 17dd6d9c8e7093b60c81291623dad37d0700850d Mon Sep 17 00:00:00 2001 From: Ahmad Alfy Date: Sun, 6 May 2018 07:42:00 +0200 Subject: [PATCH] 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. --- lib/static/css/main.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/lib/static/css/main.css b/lib/static/css/main.css index fb24e99b71bf..2d930ca9252e 100644 --- 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;