theme.css: deal with subpixel antialiasing

Looks much better in desktop Safari on my non-Retina screen.

Code stolen from
http://www.intridea.com/blog/2014/5/8/better-font-smoothing-in-chrome-on-mac-os-x.

1 files changed, 9 insertions, 0 deletions

diff --git a/source/css/theme.css b/source/css/theme.css
index db3f6ba0..cebddf6e 100644
--- a/source/css/theme.css
+++ b/source/css/theme.css
@@ -2,9 +2,18 @@ body {
     color: #333;
     font-family: "PT Serif", serif;
     font-size: 10.99pt;
+    -webkit-font-smoothing: antialiased;
     margin: 100px 0;
 }
 
+@media
+only screen and (-webkit-min-device-pixel-ratio: 1.25),
+only screen and ( min-device-pixel-ratio: 1.25),
+only screen and ( min-resolution: 200dpi),
+only screen and ( min-resolution: 1.25dppx) {
+    -webkit-font-smoothing: subpixel-antialiased;
+}
+
 .nav {
     position: fixed;
     left: 5%;