Scribd
Upload
120 views

CSS Font

This document provides examples and descriptions of CSS font properties. It begins with an example of using font-size to set text sizes for headings and paragraphs. It then lists additional examples for setting font boldness, variant, and using shorthand. The rest of the document defines the various font properties like font-family, font-size, font-style, and font-weight while describing their values and purposes.

Uploaded by

Rajesh Gupta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
120 views

CSS Font

This document provides examples and descriptions of CSS font properties. It begins with an example of using font-size to set text sizes for headings and paragraphs. It then lists additional examples for setting font boldness, variant, and using shorthand. The rest of the document defines the various font properties like font-family, font-size, font-style, and font-weight while describing their values and purposes.

Uploaded by

Rajesh Gupta
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

1/10/14

CSS Font
Example
body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}
Try it yourself

Our code now works great! It shows the same text size in all browsers, and allows all browsers to
zoom or resize the text!

More Examples
Set the boldness of the font
This example demonstrates how to set the boldness of a font.
Set the variant of the font
This example demonstrates how to set the variant of a font.
All the font properties in one declaration
This example demonstrates how to use the shorthand property for setting all of the font properties
in one declaration.

All CSS Font Properties


The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or
CSS2).
Property

Description

Values

CSS

font

Sets all the font properties in one


declaration

font-style
font-variant
font-weight
font-size/line-height
font-family
caption
icon
menu
message-box
small-caption
status-bar
inherit

font-family

Specifies the font family for text

family-name
generic-family
inherit

font-size

Specifies the font size of text

xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger
length
%
inherit

font-style

Specifies the font style for text

normal
italic
oblique
inherit

font-variant

Specifies whether or not a text should be normal


displayed in a small-caps font
small-caps
inherit

font-weight

Specifies the weight of a font

Previous

normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900
inherit

Next Chapter

Product Spotlight
file:///E:/Document/W3School/W3schools Offline Version/www.w3schools.com/css/css_font.asp

3/4

You might also like