Project One: Font size and web safe fonts in CSS

When practicing using CSS during class the other day I noticed that we use pixels as the unit for the font size and wondered why we didn't use points as the unit, when that's what illustrator automatically uses and we were using that illustrator mark up structure to get our sizes and dimensions.

I have found a website that explains the difference between and why we should and shouldn't use the different units  http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/.

Here is also a website that gives a font-size conversion chart which I am finding to be very helpful http://websemantics.co.uk/resources/font_size_conversion_chart/.

Another thing I learn't today is using web safe fonts and the font-family property. The font-family property holds a number of fonts so that if one browser can't display the first font, it tries to display the second font. This works by hierarchy from left to right. This allows maximum compatibility betweens browsers.

Here is a link to a list of web safe fonts and common font-families that are used  http://www.w3schools.com/cssref/css_websafe_fonts.asp.