Detailed description of CSS Web security font combinations

The following small series for everyone to bring a CSS web security font combination of detailed instructions. Small series feel very good, now share to everyone, also for everyone to make a reference. Let's take a look at it with a little knitting.

Common font Combinations

The Font-family property is the name of multiple fonts as a "strain" system to ensure maximum compatibility between browsers/operating systems. If the browser does not support the first font, it tries the next font.

The font type you want if the browser cannot find it, it will look similar to you from the generic font type:

P{font-family: "Times New Roman", Times, serif}

Here are some common font combinations that are common to the font family.

Serif fonts

Font	Text Example
Georgia, serif	This is a heading This is a paragraph
"Palatino Linotype", "Book Antiqua", Palatino, serif	This is a heading This is a paragraph
"Times New Roman", Times, serif	This is a heading This is a paragraph

Sans-serif fonts

font	Text example
Arial, Helvetica, Sans-serif	th Is was a heading This was a paragraph
Arial Black, Gadget, Sans-serif	This is a hea Ding This was a paragraph
"Comic Sans MS", cursive, Sans-serif	This is a heading this is a paragraph
Impact, charcoal, Sans-serif	This is a heading The is a par Agraph
"Lucida Sans Unicode", "Lucida Grande", Sans-serif	This was a heading This is a paragraph
Tahoma, Geneva, Sans-serif	The is a heading The is a paragraph
"Trebuchet MS", Helvetica, Sans-serif	This is a heading The is a paragraph
Verdana, Geneva, Sans-serif	This is a heading The is a paragraph

monospace fonts

Font	Text Example
"Courier New", Courier, monospace	This is a heading This is a paragraph
"Lucida Console", Monaco, monospace	This is a heading This is a paragraph

The above-mentioned CSS Web security font combination is a small part of the whole content to share to everyone, I hope to give you a reference, but also hope that we support topic.alibabacloud.com.