CSS Font Properties

From http://www.w3schools.com (Copyright Refsnes Data)

# CSS Font

The CSS font properties define the font in text.

## Examples

Set the font of a text
This example demonstrates how to set a font of a text.

Set a paragraph font using the "caption" value
This example demonstrates how to set a paragraph font using the "caption" value.

Set the size of the font
This example demonstrates how to set the size of a font.

Set the size of the font using font-size-adjust
This example demonstrates how to set the size of a font using font-size-adjust.

Set the style of the font
This example demonstrates how to set the style of a font.

Set the variant of the font
This example demonstrates how to set the variant of a font.

Set the boldness of the font
This example demonstrates how to set the boldness 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.

## CSS Font Properties

The CSS font properties allow you to change the font family, boldness, size, and the style of a text.

Note: In CSS1 fonts are identified by a font name. If a browser does not support the specified font, it will use a default font.

Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.

W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).

Property | Description | Values | IE | F | N | W3C
--- | --- | --- | --- | --- | --- | ---

font

A shorthand property for setting all of the properties for a font in one declaration

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

4

1

4

1

font-family | A prioritized list of font family names and/or generic family names for an element | family-name generic-family | 3 | 1 | 4 | 1

font-size

Sets the size of a font

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

3

1

4

1

font-size-adjust | Specifies an aspect value for an element that will preserve the x-height of the first-choice font | none number | - | - | - | 2

font-stretch

Condenses or expands the current font-family

normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded

-

-

-

2

font-style | Sets the style of the font | normal italic oblique | 4 | 1 | 4 | 1
font-variant | Displays text in a small-caps font or a normal font | normal small-caps | 4 | 1 | 6 | 1

font-weight

Sets the weight of a font

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

4

1

4

1

From http://www.w3schools.com (Copyright Refsnes Data)