Scribd
Upload
45 views

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
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
45 views

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
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