CSS Font Properties

Estimated reading: 1 minute 51 views

Inherited: Yes

Font-Family

 You can set what font will be displayed in an element with the font
family property.
There are 2 choices for values:
family-name
generic family
If you set a family name it is best to also add the generic family at the
end. As this is a priortized list. So if the user does not have the specified
font name it will use the same generic family. (see below)

				
					 font-family: Verdana, sans-serif;

				
			

Font Size

You can set the size of the text used in an element by using the font
size property.

				
					 font-size: value;

				
			

There are alot of choices for values:
xx-large
x-large
larger
large
medium
small
smaller
x-small
xx-small
length
% (percent)

Font Style

You can set the style of text in a element with the font-style property

				
					 font-style: value;

				
			

Possible values are
normal
itailc
oblique

Font Weight

You can control the weight of text in an element with the font-weight
property:

				
					 font-weight: value;

				
			

Possible values are
http://www.cssbasics.com/printfull2.html
lighter
normal
100
200
300
400
500
600
700
800
900
bole

bolder

Share this Doc

CSS Font Properties

Or copy link