Scholar Repository
Home>Manual>CSS Font Properties

CSS Font Properties

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

CSS Font

Previous Next


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



Previous Next

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

Home>Manual>CSS Font Properties