diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2015-10-10 22:46:58 -0700 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2015-10-10 22:46:58 -0700 |
| commit | 4709b6b444acff8baefb0df0b9810c942f716fe4 (patch) | |
| tree | ea9e45ac33618cbeb8909ef09014b90ac68848d7 /source/css/theme.css | |
| parent | 8f908895804dd84445b4f3a55bc1f064e55679cd (diff) | |
| download | my_new_personal_website-4709b6b444acff8baefb0df0b9810c942f716fe4.tar.xz my_new_personal_website-4709b6b444acff8baefb0df0b9810c942f716fe4.zip | |
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.
Diffstat (limited to 'source/css/theme.css')
| -rw-r--r-- | source/css/theme.css | 9 |
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%; |