From 4709b6b444acff8baefb0df0b9810c942f716fe4 Mon Sep 17 00:00:00 2001
From: Zhiming Wang <zmwangx@gmail.com>
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(+)
(limited to 'source')
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