Style sheet designers are encouraged to offer a generic font family as a last alternative. Generic font family names are keywords and must NOT be quoted.
If an unquoted font family name contains parentheses, brackets, and/or braces, they must still be escaped per CSS grammar rules. Similarly, quotation marks (both single and double), semicolons, exclamation marks, commas, and leading slashes within unquoted font family names must be escaped. Font names containing any such characters or whitespace should be quoted:
body { font-family: "New Century Schoolbook", serif }
<BODY STYLE="font-family: 'My own font', fantasy">body {
font-weight: bold;
font-style: italic;
font-size: 83%;
line-height: 140%;
font-family: verdana, arial, sans-serif;
}
body {
font: bold italic 83%/140% verdana, arial, sans-serif;
}#element {
margin-top: 1em;
margin-right: 0.5em;
margin-bottom: 1em;
margin-left: 0.5em;
padding-top: 1em;
padding-right: 0.5em;
padding-bottom: 0.75em;
padding-left: 1.5em;
}
#element {
margin: 1em 0.5em;
padding: 1em 0.5em 0.75em 1.5em;
}#element {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #000;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #000;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #000;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #000;
}
#element {
border: 1px solid #000;
}#element {
border: 1px solid #000;
border-width: 1px 2px 3px 1px;
}#element {
border-width: 1px 2px 3px 1px;
border-style: solid dashed dotted ridge;
border-color: #000 #666EFF #CC3300 #00CC33;
}#element {
background-color: #000;
background-image: url(myImage.jpg);
background-position: top left;
background-repeat: no-repeat;
}
#element {
background: #000 url(myImage.jpg) top left no-repeat;
}