CSS Font Code Example

The code below will provide an example of the CSS source code.

p.sample {
font-family: sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: medium;
line-height: 100%;
word-spacing: normal;
letter-spacing: normal;
text-decoration: none;
text-transform: none;
text-align: left;
text-indent: 0ex;
}

CSS Font Family

With the font-family, you can specify an actual font name, like “sans-serif" in the custom field. All fonts should fall within “quotes” and should be case-insensitive.

You can specify a comma-separated list of font names, which will be used in the order listed when some are not found on the user's system.

It’s important to remember not all your visitors will be visiting your site through a sophisticated browser, this may result in the browser not recognising your particular font, for this reason we have the option to specify several fonts. It’s always good practice to follow your desired font with several common fonts in the example below.

p.sample {
“sans-serif”, "Verdana", "Arial"
}

CSS Font Attributes