Scribd
Upload
139 views2 pages

Difference Between Serif and Sans-Serif Fonts

The CSS font properties define the font family, boldness, size, and style of text. There are two types of font families: generic families like Serif and Sans-serif which have similar styles, and specific font families like Times New Roman and Arial. Serif fonts have small decorative flourishes at the ends of letters, while Sans-serif fonts do not.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
139 views2 pages

Difference Between Serif and Sans-Serif Fonts

The CSS font properties define the font family, boldness, size, and style of text. There are two types of font families: generic families like Serif and Sans-serif which have similar styles, and specific font families like Times New Roman and Arial. Serif fonts have small decorative flourishes at the ends of letters, while Sans-serif fonts do not.

Uploaded by

Alex Mociran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

The CSS font properties define the font family, boldness, size, and the style

of a text.

Difference Between Serif and Sans-serif


Fonts

CSS Font Families


In CSS, there are two types of font family names:

generic family - a group of font families with a similar look (like "Serif"
or "Monospace")

font family - a specific font family (like "Times New Roman" or "Arial")

Generic family

Font family

Description

Serif

Times New Roman


Georgia

Serif fonts have small

Sans-serif

Arial

"Sans" means withou


of characters

Verdana
Monospace

Courier New
Lucida Console

All monospace charac

Note: On computer screens, sans-serif fonts are considered easier to read than serif fo

Font Family
The font family of a text is set with the font-family property.
The font-family property should hold several font names as a "fallback"
system. If the browser does not support the first font, it tries the next font, and
so on.
Start with the font you want, and end with a generic family, to let the browser
pick a similar font in the generic family, if no other fonts are available.
Note: If the name of a font family is more than one word, it must be in
quotation marks, like: "Times New Roman".
More than one font family is specified in a comma-separated list:

You might also like