w3pop.com :: ÍøÂçѧԺ :: CSS :: CSS ×ÖÌå
The CSS font properties define the font in text.
CSS×ÖÌåÊôÐԿɶ¨ÒåÎÄ×ÖËùʹÓõÄ×ÖÌå¡£
Set the font of a text
This example demonstrates how to set a font of a text.
ÉèÖÃÒ»ÎÄ×ÖµÄ×ÖÌå
Set the size of the font
This example demonstrates how to set the size of a font.
ÉèÖÃ×ÖÌåµÄ´óС
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.
Ò»¸öÉùÃ÷¸ã¶¨ËùÓÐ×ÖÌåÊôÐÔ
The CSS font properties allow you to change the font family, boldness, size, and the style of a text.
CSS×ÖÌåÊôÐÔÔÊÐíÄã¸Ä±ä×ÖÌåÒÔ¼°ËüµÄ´Öϸ£¬´óСºÍÑùʽ¡£
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.
×¢Ò⣺ÔÚCSS1ÖÐ×ÖÌåÓÉ×ÖÌåÃû³ÆÊ¶±ð¡£Èç¹ûä¯ÀÀÆ÷²»Ö§³ÖÖ¸¶¨µÄ×ÖÌ壬Ëü½«ÓÃĬÈÏ×ÖÌåÌæ»»¡£
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
ä¯ÀÀÆ÷Ö§³Ö£º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).
W3C£ºÀïÃæµÄÊý×Ö´ú±íCSS°æ±¾ºÅ
| 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 Ö¸¶¨Ê×Ñ¡×ÖÌåx¸ß¶È |
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 |