What are the differences and implications of applying Css to some element in mobile application such as:
.content{ font-size:80%;}
.content{ font-size:10px;}
.content{ font-size:1em;}
And how does this affects elements letter-spacing, line-height and word-spacing .
In addition what is typical different in font-style: oblique and italic.
Have a look at pxtoem it depend on what you want to do if it is responsive or not and how you would like your UI to be.
Pixels (px):
Pixels are fixed-size units that are used in screen media (i.e. to be read on the computer screen). One pixel is equal to one dot on the computer screen (the smallest division of your screen’s resolution). Many web designers use pixel units in web documents in order to produce a pixel-perfect representation of their site as it is rendered in the browser. One problem with the pixel unit is that it does not scale upward for visually-impaired readers or downward to fit mobile devices.
Points (pt):
Points are traditionally used in print media (anything that is to be printed on paper, etc.). One point is equal to 1/72 of an inch. Points are much like pixels, in that they are fixed-size units and cannot scale in size.
Percent (%):
The percent unit is much like the “em” unit, save for a few fundamental differences. First and foremost, the current font-size is equal to 100% (i.e. 12pt = 100%). While using the percent unit, your text remains fully scalable for mobile devices and for accessibility.
