Wednesday, February 15, 2017

CSS - Web Safe Fonts Reference

font combinations

CSS3 has adapted font combinations technology. In here,if the browser doesn't support the first font then it tries the next font

Serif Fonts

Font family Normal bold
Georgia, serif
This is normal text.
This is normal text.
"Times New Roman", Times, serif
This is normal text.
This is normal text.
"Palatino Linotype", Palatino, "Book Antiqua", serif
This is normal text.
This is normal text.

Sans-Serif Fonts

Font family Normal bold
Arial, Helvetica, sans-serif
This is normal text.
This is normal text.
"Arial Black", Gadget, sans-serif
This is normal text.
This is normal text.
Impact, Charcoal, sans-serif
This is normal text.
This is normal text.
Impact, Charcoal, sans-serif
This is normal text.
This is normal text.
Tahoma, Geneva, sans-serif
This is normal text.
This is normal text.
"Trebuchet MS", Helvetica, sans-serif
This is normal text.
This is normal text.
Verdana, Geneva, sans-serif
This is normal text.
This is normal text.

Monospace Fonts

Font family Normal bold
Courier, monospace
This is normal text.
This is normal text.
"Courier New", Courier, monospace
This is normal text.
This is normal text.
"Lucida Console", Monaco, monospace
This is normal text.
This is normal text.

Cursive Fonts

Font family Normal bold
"Comic Sans MS", cursive
This is normal text.
This is normal text.
"Courier New", Courier, monospace
This is normal text.
This is normal text.
"Lucida Console", Monaco, monospace
This is normal text.
This is normal text.

No comments:

Post a Comment