Css web safe fonts

when we want to create the better fonts to a web sites

we use font properties such as font-family, font-size, font-weight, font-style, font-variant.

the generic font families combination provide better text look.

css web safe fonts    serif font

css web safe fonts    serif font (serif in red)

css web safe fonts    sens-serif font


serif family fonts combination

font-familydescription

garamond,  serif

this is font output.

georgia,serif

this is font output.

'palatino linotype','book antiqua',

palatino,serif

this is font output.

sens-serif family fonts combination.

syntaxfont-family group
font-family:

arial, helvetica, sans-serif

font-family:

'arial black', gadget, sans-serif

font-family:

'comic sans Ms', cursive, sans-serif

font-family:

impact,charcoal, sans-serif

font-family:

'lucida sans unicode','lucida grande', sans-serif

font-family:

'ms sans serif', geneva, sans-serif

font-family:

'ms serif','new york', sans-serif

monospace family fonts

syntaxfont-family group
font-family:courier, monospace
font-family:"courier new", courier, monospace
font-family:"lucida console", monaco, monospace