From 4709b6b444acff8baefb0df0b9810c942f716fe4 Mon Sep 17 00:00:00 2001 From: Zhiming Wang Date: Sat, 10 Oct 2015 22:46:58 -0700 Subject: 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. --- source/css/theme.css | 9 +++++++++ 1 file changed, 9 insertions(+) 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%; -- cgit v1.2.1