screen ppi min font width

Freeway
1

Finally getting there with my font handling (thanks Dave) and wondering if there is any way to set the font width according to the screen resolution?

I’m using a light font and it’s fine on recent iOS devices, but if I can, I’d like to cater to iPad one and two, which have a ppi of 132.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

2

I was just looking at something to deal with this.

This is what i came up with

  @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)
  {
	body {-webkit-font-smoothing: subpixel-antialiased;}
  }

This should turn off your font-smoothing:antialiased on higher res devices which should make the text look better on them.

This assumes that you have set -webkit-font-smoothing:antialiased on your body Tag

D

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

3

This is really interesting Dave.

I’m wondering too, if there is a way to add to this using max-resolution in order to increase font width for older tablets etc., e.g up to 132dpi, which is iPad one and two resolution.

I also think that this whole thing would be make a really useful Action, especially for FW7 and the growth of responsive sites.

freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options