How to Use ems for HTML Font Size?

HTML font size is specified in CSS stylesheet using pixels, ems or keywords. I have rarely found keywords much useful. Using pixel guarantees control over the look of the web page but the issue is that if we use pixels for font size, then the web page is not as accessible in IE.

For example, open this web page in IE and select “largest” for the text size under “View” menu as seen in the screenshot below:

How to Increase Font Size In IE

Continue reading How to Use ems for HTML Font Size?

Browser Safe Fonts

Fonts make a big difference to the look and experience of the website. Usage of fonts requires sense of aesthetics and discretion.

We have the liberty to use any font we want in an image but when we specify the fonts for the text on a web page, we need to ensure that we use only “browser safe” fonts.

Browsers support TrueType fonts and all operating systems come with sets of standard TrueType fonts that have been preinstalled. These preinstalled TrueType fonts are what we can say are “browser safe” fonts.

My recommendation is to specify at least three fonts from the following list in the stylesheet. Out of the three fonts specified, make sure that at least one of them is available in Macintosh and one for Windows. Also, please remember that multi-word font names should be in quotes (example “Times New Roman”).

So, here is a list of fonts styled as per their respective font name. Continue reading Browser Safe Fonts