Web-safe Fonts: http://www.fonttester.com/help/list_of_web_safe_fonts.html
Font Sizes: http://www.w3.org/QA/Tips/font-size
To maintain the width/height ratio of an image, calculate like this:
If your original image has a size of (wxh) 500×1000, the width/height ratio is 0.5. If you want to change 1000 to 768 in height, your resultant width would be 0.5 * 768 = 384.