15 ����

    Ŀ¼

15.1 ���

    һ���ĵ����ı�Ҫ�ɼ�����ʾ���ַ���������ϢԪ�����뱻ӳ�䵽����������һ�������ַ����Ա�һ���������ͱ�ʾ����������������صķ�ʽ��һ��������һ���������͵�ʵ�ʵ����������֣���ijЩӡˢ��ʽ�У����������������ͼ����ʽ������Ļ��ֽ���ϡ�һ�����������͵�һ�����ϣ�����Ԫ�ظ�����ơ��ߴ硢���ּ�������������������������ԣ���ѭ��ͬ�����⣬���������ַ����������͵�ӳ����ơ�

    ��ʵ�ʵ���Ⱦһ���ַ�ǰ��ͼ���û��˱��뿼���������

    ��CSS1��CSS2�У�����ͨ��һϵ������������ָ�������������

    ����ڿͻ���û��ƥ������壬�û�����δ�����Щ������CSS1��CSS2�������еõ����䡣CSS1�У����е����嶼���ٶ��ڿͻ���ϵͳ�д��ڣ�����������Ϊ��ǡ���ѡ���������ͨ�����Եõ�ָ�������������������һ�����û���û���κη����ṩ���������û�����ʹ�û��˾߱���ʽ���Ƶ����壩����ֻ���ṩͨ�õ�ȱʡ���塣

    CSS2�ı�����һ�У�������������ʹ�ã�

    CSS2�Ľ��˿ͻ��˵�����ƥ�䣬���������ۺϺͽ�����Ⱦ����������������������ء���Щ��ǿ����������Ϊ���������塱��

    CSS2����ģ���У���CSS1�����ƣ�ÿһ���û�����һ�����������ݿ⡱�����á�CSS1���ø����ݿ⣬���Dz��ܸ����������ݵ�ϸ�ڡ�CSS2���������ݿ��е���Ϣ������������ʽ�����߶����ṩ��Ϣ��һ����Ҫ����һ���ض���������ʾһ���ַ����û������������ݿ����ҵ�������ʡ����Ǹ��ض������壨��������ƥ���㷨����һ��ȷ����һ�����壬�������ھֲ����ߴ������ϻ����������ݣ���ʹ����Щ��������ʾ�ַ���

    �������ģ�ͣ����ǽ�����淶��Ϊ�������֡���һ��������������˵������������ָ��������ϣ��ʹ�õ���ʲô���塣�ڶ���������������ѡ��������ͻ����û���ȷ����װ�������ߵĹ涨����ʵ����塣

    �û�����ι����������ݿ��ڱ��淶����֮�⣬��Ϊ���ݿ��ʵ�������� ����ϵͳ������ϵͳ���ͻ��˵�������ء�

15.2 ����˵��

    CSS������Ƶĵ�һ�׶�ǣ�浽��ʽ�����������ָ���û���Ӧ��ʹ����һ�����塣һ��ʼ������ȥ�����Ե�ָ��һ������ķ�����ͨ����������֣�һ�����ַ����������������ָ�Ϊ�����IJ��֣�����"BT Swiss 721 Heavy Italic"��

    ���ҵ��ǣ�������һ���������岢Ϊ���ڽ��ܵķ��࣬���������ֶ�������л��֣����ң�������һ������������������������������ܾͲ����ʡ����磬����'italic'ͨ�������������б���ı���������б���ı�Ҳ���ܱ����ΪOblique��Slanted��Incline��Cursive��Kursiv�����Ƶģ�������ͨ�������������塰�������������Щ���ֵ�������Ľ�ɫ���ڵ�һ����������жԲ�ͬ�ĺڶȼ���������Щ��������û�й㷺���ܵĺ��壬���÷�Ҳ�����Ķࡣ���磬�������Ϊһ�����屻���Ϊ���壬������Ҳ���ܱ�����ΪRegular��Roman��Book��Medium��Semi-��Demi-Bold��Bold����Black������ȫȡ�����������ġ������������ж�ڡ�

    ȱ��������ϵͳ�ԣ�ʹ��ͨ������£�����һ���޸Ĺ����������������һ���������ض��仯����Ϊ�����ܡ�

    ������һԭ��CSSʹ��һ����ͬ��ģ�����������岻��ͨ��һ����һ��������������ͨ������һϵ�е��������ԡ���Щ����ֵ�������û�������ѡ�����ƵĻ������������Կ��Ա������޸ģ����磬���Ӻڶȡ��µ���������ֵ�ļ����ٱ��������������ݿ���ѡ�����塣�������Ľ������������ʽ�������ߺ�ʵ���ߵĹ淶�Ժͽ�׳�ԡ�

15.2.1 ����˵��������

    CSS2��������������ָ�����壺

�������
�������ָ����ʹ����һ�������������Ⱦ�ı������������һ�����壬���ʱ���ǵ�����ʹ�ò��������ơ������е�һԱ������б�壬��һ���Ǵ��壬��һ���ǽ�����ʹ��С�Ĵ�д��ĸ���������������"Helvetica"��"New Century Schoolbook"��"Kyokasho ICA L"�������������������������ĸ�����������Ը��ݲ�ͬ�������飺�л�û�г��ߣ��Ƿ�ȿ����Ƿ���д�壬�Ƿ���������ȡ�
������ʽ
������ʽָ���ı��Ƿ���ȾΪ�����б�塣б����Գ�������Ƚ���б�����ǻ��������������ôб�������dz��������б��ʽ����������޳����������á������Ķ�������˽���΢��б�ij���������Ϊ���壬�򽫳����ϣ����ĸ���Ϊб�塣
�������
�������涨Сд�ַ��ı�����Ⱦ����һ������ͻ�����С�Ĵ�д���͡�ijһ�ض��������ֻ�����������ͣ�ֻ����С�Ĵ�д���ͣ����߰��������ߣ�����������Ҫ��һ�����ʵ����壬�����������������������ͣ�ʹ�ú��ʵ����͡�
��������
����������ָ��Ⱦ�ı������������ͬһ��������������͵����س̶ȡ�
������չ
������չ��ʾ��������Ⱦ�ı������������ͬһ����������������ѹ������չ��������
����ߴ�
����ߴ���ָ����Ϊʵ����ʱ�ӻ��ߵ����ߵ�����Ĵ�С����CSS�����У��൱�� 'font-size'��'line-height'����ȡֵ��ͬ����

    ���е����ԣ�����'font-size'��'em'��'ex'����ֵ�����ڵ�ǰԪ�ص������С������'font-size'����Щ���ȵ�λ���ڸ�Ԫ�ص������С���������Ϣ��μ����ȵ�λһ�ڡ�

    CSS�����������������ĵ����ı�Ҫ��ij��֡��෴�أ���������������������������ԣ��Ӷ�����ѡ��һ�����ʵ�����������Ҫ��ij��֡��й�����������Ϣ����μ�����ѡ����һ�ڡ�

15.2.2 ���������'font-family'����

'font-family'
ֵ��  [[ <family-name> | <generic-family> ],]* [<family-name> | <generic-family>] | inherit
��ʼֵ��  ȡ�����û���
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

    ������ָ����һ�������������/��ͨ�ü����������ȼ��б���Ϊ�˽��һ����һ�������û�а�����ʾ�ĵ��������ַ������ͣ���ϵͳ�в����������е���������⣬��������������ָ��һ�������б������Ƕ�����ͬ����ʽ�ͳߴ磬����һ�����Լ�������Ƿ����һ���ض��ַ������͡����б�����Ϊ���弯��

���ӣ�

    ���磬����Ӣ�ĵ��ʲ��������ѧ���ŵ��ı�������Ҫ������������弯��һ������������ĸ�����֣�����һ��������ѧ���š�����ı����ܰ���������ĸ��������ĸ����ѧ���ţ���������Ӹ���һ�����ʵ����弯��

BODY { font-family: Baskerville, "Heisi Mincho W3", Symbol, serif }

    "Baskerville"���壨ֻ����������ĸ�����壩�а��������ͽ��ṩ���õ����ͣ��������ͽ�����"Heisi Mincho W3"������ѧ������������"Symbol"�������Ľ�����ͨ���������'serif'��

    ������弯�е�����һ���������岻���ã���ʹ��ͨ��������塣���ܺܶ������ṩ��ȱ�ٵ��ַ������ͣ�ͨ����һ�����򣬲��ܰ��������Ϊһ��ƥ�䣬���Ǹ������Ѿ������弯������һ�����塣

    ���������͵������������

<family-name>
ѡ�������������������У�"Baskerville"��"Heisi Mincho W3"��"Symbol"��������塣�����հ���������Ӧ�������ŷָ���ʡ�������ţ�������ǰ�����κ��հ��������������������ڵ��κοհ��ַ����н���ת��Ϊһ���ո�
<generic-family>
�����ͨ�ü������£�'serif'��'sans-serif'��'cursive'��'fantasy'��'monospace'����Щ�����������μ�ͨ���������һ�ڡ�ͨ������������ǹؼ��֣���˲����Է��������С�

Ϊ����߽�׳�ԣ����ǹ��������ṩһ��ͨ�����������Ϊ��������ѡ��

    ���磺

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Font test</TITLE>
    <STYLE type="text/css">
      BODY { font-family: "new century schoolbook", serif }
    </STYLE>
  </HEAD>
  <BODY>
   <H1 style="font-family: 'My own font', fantasy">Test</H1>
    <P>What's up, Doc?
  </BODY>
</HTML>

���ӣ�

    CSS2�ḻ��ѡ�����﷨������������������ص�ӡˢЧ�������磬ijЩ���ĺ������ַ�������ͬ��Unicode���룬���������������У����������Dz�ͬ�ġ�

*:lang(ja-jp) { font: 900 14pt/16pt "Heisei Mincho W9", serif }
*:lang(cn) { font: 800 14pt/16.5pt "����", serif }

    ��ѡ���˸������Ե��κ�Ԫ�ء������Ļ�������ġ�����Ҫ����ʵ����塣

15.2.3 ������ʽ��'font-style'��'font-variant'��'font-weight'��'font-stretch'����

'font-style'
ֵ��  normal | italic | oblique | inherit
��ʼֵ��  normal
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

     'font-style'����Ҫ����������г��棨��ʱ��Ϊ"roman"��"upright"����б��Ͳ������ʽ��ȡֵ�������£�

normal
ָ��һ�����û��˷���Ϊ'normal'�����塣
oblique
ָ��һ�����û��˷���Ϊ'oblique'�����塣�������д���Oblique��Slanted��Incline���������������ݿ���ͨ�����Ϊ'oblique'�����û������ݿ��б��Ϊ'oblique'������ʵ���Ͽ�����ͨ��������������ӵز�ƫ���õ���
italic
ָ��һ�����û����������ݿ����Ϊ'italic'�����壬��������������岻���ڣ�����'oblique'���������д���Italic��Cursive��Kursiv������ͨ�����Ϊ'italic'��

���ӣ�

    �����У�H1/H2/H3Ԫ�صij����ı���б����ʾ�����ǣ�H1�ڵ�ǿ���ı���EM���Գ�������ʾ��

H1, H2, H3 { font-style: italic }
H1 EM { font-style: normal }
'font-variant'
ֵ��  normal | small-caps | inherit
��ʼֵ��  normal
ʹ���ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

    С�ʹ�д�����Сд��ĸ�����ͺʹ�д��ĸ���������ƣ����dzߴ��С�ұ������в�ͬ��'font-variant'����Ҫ��һ�������������ģ���������Сд״̬״̬�����������ԣ��������Զ������������ԣ�ֻ��һ����Сд״̬����󲿷������ϵ���дϵͳ��û���Ӿ��ϵ�Ч����ȡֵ�������£�

normal
ָ��һ��δ���ΪС�ʹ�д��������塣
small-caps
ָ��һ�����ΪС�ʹ�д��������塣����Ҳ���ԭʼ��С�ʹ�д���壬�û���Ӧ��ģ��һ�����������ͨ��ʹ��һ���������壬������Сд��ĸ�滻Ϊ��С���Ĵ�д��ĸ����Ϊ���Ĵ�ʩ������������δ��С�Ĵ�д��ĸ�滻С�ʹ�д�����е����ͣ�����ı�ȫ���Դ�д��ĸ���֡�

���ӣ�

    �������������һ��H3Ԫ��ΪС�ʹ�д��ĸ����ǿ���ĵ��ʣ�EM���Dz��С�ʹ�д��ĸ��

H3 { font-variant: small-caps }
EM { font-style: oblique }

    ���ڸ�����ʹ�ı�ת������д������'text-transform'�Ŀ���Ҳͬ�����á�

'font-weight'
ֵ��  normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit
��ʼֵ��  normal
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

    'font-weight'����ָ���������������ȡֵ�ĺ������£�

100 to 900
��Щֵ������һ������ϵ�У�ÿһ�����ֱ�ʾһ������������ʾ���������ٺ�����ǰһ������ͬ��
normal
����'400'��
bold
����'700'��
bolder
ָ���ȼ̳е��������ص��������һ����������������塣���û����������������������һ�����ص�����ֵ�������屣�ֲ��䣩�����Ǽ̳�ֵΪ'900'����ʱ�������Ҳ��'900'��
lighter
ָ���ȼ̳е�����������������һ����������������塣���û����������������������һ�����������ֵ�������屣�ֲ��䣩�����Ǽ̳�ֵΪ'100'����ʱ�������Ҳ��'100'��

Example(s):

P { font-weight: normal }   /* 400 */
H1 { font-weight: 700 }     /* bold */
BODY { font-weight: 400 }
STRONG { font-weight: bolder } /* 500 if available */

    ��Ԫ�ؼ̳�����������ֵ��

'font-stretch'
ֵ��  normal | wider | narrower | ultra-condensed | extra-condensed | condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded | inherit
��ʼֵ��  normal
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

     'font-stretch'������һ�����������ѡ��һ�����棬ѹ������չ���������ӡ�����ֵ�ؼ��ֵ�˳�����£�����խ���������

  1. ultra-condensed
  2. extra-condensed
  3. condensed
  4. semi-condensed
  5. normal
  6. semi-expanded
  7. expanded
  8. extra-expanded
  9. ultra-expanded

    ���ֵ�ؼ���'wider'�����ݼ̳ж�����ֵ����Ϊ��һ����չ��ֵ��������'ultra-expanded'�������ֵ�ؼ���'narrower'�����ݼ̳ж�����ֵ����Ϊ��һ��ѹ����ֵ��������'ultra-condensed'����

15.2.4 ����ߴ���'font-size'��'font-size-adjust'����

'font-size'
ֵ��  <absolute-size> | <relative-size> | <length> | <percentage> | inherit
��ʼֵ��  medium
�����ڣ�  ����Ԫ��
�ɷ�̳У�  �ɣ��̳м���ֵ
�ٷֱȣ�  ���ڸ�Ԫ�ص�����ߴ�
ý�飺  ͼ��

    ����������Ϊʵ��ʱ������ߴ硣ȡֵ�ĺ������£�

<absolute-size>
<absolute-size>�ؼ��������û��˼��㲢���ֵ�����ߴ���е�һ��ֵ�����ܵ�ȡֵ�ǣ�

     [ xx-small | x-small | small | medium | large | x-large | xx-large ]

    �������Ļ�ϣ����������������ϵ������Ϊ1.2�����'medium'����Ϊ12pt����'large'����Ϊ14.4pt����ͬ��ý�������Ҫ��ͬ������ϵ����ͬ���ģ��ڼ������ʱ���û���Ӧ�ÿ��ǵ�����������Ϳ����ԡ��ñ�����ڲ�ͬ�����������ܲ�ͬ��

ע�⡣CSS1�У����������������ϵ���Ƽ�Ϊ1.5�������û������飬����ֵ��̫���ˡ�

<relative-size>
<relative-size>�ؼ��ֱ�����Ϊ��Ա��е�����ߴ�͸�Ԫ�ص�����ߴ硣���ܵ�ȡֵΪ��

     [ larger | smaller ]

���磬�����Ԫ�ص�����ߴ�Ϊ'medium'��'larger'ֵ��ʹ��ǰԪ�ص�����ߴ�Ϊ'large'�������Ԫ�صijߴ粻�����������е�ֵ���û��˿������ɵ��ڱ������в�ֵ��Բ������ӽ�����һ�����������ֵ�����˹ؼ��ֵķ�Χ���û��˿�����Ҫ�Ա���ֵ������塣

<length>
����ֵָ����һ�����Ե�����ߴ磨���û��˵�����ߴ���޹أ�������ֵ�ǷǷ��ġ�
<percentage>
һ���ٷֱ�ֵָ����һ������ڸ�Ԫ������ߴ�ľ�������ߴ硣ʹ�ðٷֱ�ֵ����'em'��ʾ��ֵ�����õ����ӽ�׳�����ײ������ʽ����

    �����Ե�ʵ��ֵ���ܺ�����ֵ��ͬ����������'font-size-adjust'������ֵ��ijЩ����ߴ粻���á�

    ��Ԫ�ؼ̳���'font-size'�ļ���ֵ������'font-size-adjust'��Ч�����õ����ϣ���

���ӣ�

P { font-size: 12pt; }
BLOCKQUOTE { font-size: larger }
EM { font-size: 150% }
EM { font-size: 1.5em }
'font-size-adjust'
ֵ��  <number> | none | inherit
��ʼֵ��  none
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  N/A
ý�飺  ͼ��

    ��˫�������У����������ϵ����Գߴ�Ϳɶ��Բ���ô���������ǵ�'font-size'ֵ�����Ǹ�������'x-height'�����ߣ���Ϊ���õ��ǣ��������ߵı�ֵ����Ϊ�Ӿ�ֵ������ߴ����x-height������ֵԽ��˵���������С�ijߴ�Ҳ�ɶ�����֮������Ӿ�ֵ�ͣ���һ����ֵ֮�£����彫Ѹ�ٵس�Ϊ���ɶ������ٶ�Ҫ���Ӿ�ֵ�ߵ������Ķࡣ�򵥵������滻���ֻ��������ߴ���ܵ��²��ɶ����ַ���

    ���磬һ�ֺ��ձ������Verdana���Ӿ�ֵΪ0.58����Verdana����ijߴ�Ϊ100����λʱ������x-heightΪ58����λunits����Ϊ�Աȣ�Times New Roman������Ӿ�ֵΪ0.46����ˣ�Verdana�ڽ�С�ߴ�ʱ�Ŀɼ���Ҫ��Times New Roman�á��෴�أ��������һ�������ijߴ磬��Verdana���滻Times New Roman��ǰ�߾������Եá�̫�󡱡�

    �������������߶���һ��Ԫ��ָ��һ���Ӿ�ֵ���Ա��ֿ��滻�����б��еĵ�һѡ������ġ�ȡֵ�ĺ������£�

none
��Ҫ���������x-height��
<number>
ָ���Ӿ�ֵ�������������˵�һѡ��������Ӿ�ֵ���������������ϵ���������¹�ʽ���㣺
  y*(a/a') = c

    ���У�

y = ��һѡ�������'font-size'
a' =��ѡ������Ӿ�ֵ
c = Ӧ�õ����������'font-size'

���ӣ�

    ���磬���14px��Verdana���Ӿ�ֵ0.58�������ö�����������Ӿ�ֵΪ0.46���滻������ߴ�Ӧ����14 * (0.58/0.46) = 17.65px.

    ����ߴ�����ڼ���'font-size'��ʵ��ֵʱ���������ڼ̳е�������ֵ����Ԫ�ؼ̳е���δ������ֵ��

    ����ĵ�һ��ͼ��ʾ�����ɸ����壬����ͬ������ߴ磬դ��ʽ��ʾ��11pt��72 ppi�����Լ����ǵ��Ӿ�ֵ��ע�⣬�Ӿ�ֵ�ߵ�������Ӿ�ֵ�͵����忴����Ҫ���Ӿ�ֵ���͵������ڸ����ijߴ�ʱ���������ɶ���

    Comparison of 12 point fonts

    ��һ��ͼ����ʾ��'font-size-adjust'��Ч��������Verdana��Ϊ����һѡ�񡱣��Լ���Ӧ�õ�����ϵ�����������󣬸�������ʾ�ijߴ缸����ͬ����������ʵ�ʵģ�em���ߴ�������100%��ע��'font-size-adjust'Ҳ�����ڹ̶�ˮƽ�ߵ����ȡ�

    Comparison of font-adjusted fonts

15.2.5 �������������'font'����

'font'
ֵ��  [ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit
��ʼֵ��  �μ�����������
�����ڣ�  ����Ԫ��
�ɷ�̳У�  ��
�ٷֱȣ�  ��������'font-size'��'line-height'��
ý�飺  ͼ��

     �����������������ԣ�'font'������һ������ʽ����ͬһ������'font-style'��'font-variant'��'font-weight'��'font-size'��'line-height'�Լ�'font-family'����д���ԡ������Ե��﷨���ڳ����ӡˢ��д������������������صĶ������ԡ�

    ������������ص��������ȱ�����Ϊ���ǵij�ʼֵ�����������г�����Щ���ԣ�����'font-stretch'��'font-size-adjust'��Ȼ����Щ���Ա���ʽ����Ϊ��'font'��д�����е�ֵ������ֵ�ͳ�ʼֵ���б����Բμ���ǰ�����Զ��塣Ϊ�˿����������ԣ�ʹ��'font'��д���Բ����ܽ�'font-stretch'��'font-size-adjust'����Ϊ��ʼֵ֮���ֵ���෴�أ�������������Ӧ�õ������á�

���ӣ�

P { font: 12pt/14pt sans-serif }
P { font: 80% sans-serif }
P { font: x-large/110% "new century schoolbook", serif }
P { font: bold italic large Palatino, serif }
P { font: normal small-caps 120%/120% fantasy }
P { font: oblique 12pt "Helvetica Nue", serif; font-stretch: condensed }

    �ڶ��������У�����ߴ�İٷֱ�ֵ��'80%'�������丸Ԫ�ص�����ߴ硣�����������У��и߰ٷֱȣ�'110%'������Ԫ������������ߴ硣

    ǰ��������û����ʽָ��'font-variant'��'font-weight'�������Щ����Ϊ���ǵij�ʼֵ��'normal'����ע�⵽���������"new century schoolbook"�а����ո���˷�����һ�������С�����������������'font-weight'Ϊ'bold'����'font-style'Ϊ'italic'������ʽ��������'font-variant'Ϊ'normal'��

    ����������������'font-variant'��'small-caps'����'font-size'����Ԫ������ߴ��120%����'line-height'������ߴ��120%���Լ�'font-family'��'fantasy'�����ؼ���'normal'�������������������ԣ�'font-style'��'font-weight'��

    ����������������'font-style'��'font-size'��'font-family'�������������������Ϊ���ǵij�ʼֵ��Ȼ������������'font-stretch'Ϊ'condensed'����Ϊ�����Բ�������'font'��д��������Ϊ�Ǹ�ֵ��

    ����ֵ������ϵͳ������

caption
������Ŀؼ����簴ť��������ȣ������塣
icon
���ͼ������塣
menu
���ڲ˵��е����壨�������˵��Ͳ˵����
message-box
�Ի�����ʹ�õ����塣
small-caption
���С�ؼ������塣
status-bar
���ڴ���״̬�������塣

    ϵͳ����ֻ��ȫ�����ã�Ҳ����˵��������壬�ߴ磬��������ʽ�ȶ�ͬʱ���á������Ҫ�Ļ�����Щֵ�����Ը�����޸ġ�������ض���ƽ̨�ϴ���ָ�����Ե����岻���ڣ��û���Ҫô���������滻���磬������'caption'������Ľ�С������汾����'smallcaption'���壩�������滻Ϊ�û��˵�ȱʡ���塣���ڳ���������ԣ����һ��ϵͳ�����е��κθ������Բ����Dz���ϵͳ�п��õ��û�ƫ�õ�һ���֣���Щ����Ӧ�ñ�����Ϊ���ǵij�ʼֵ��

    �����Ϊʲô�����ԡ���������һ����д���ԣ�ϵͳ����ֻ���ø�����ָ������������'font-family'���������'font'�������������ıȸ������Լ���ӵ�Ҫ�ࡣ������ijЩ�������ԣ���'font-weight'���Ǵ�ϵͳ�����л��ֵ�������Զ����ر仯��

���ӣ�

BUTTON { font: 300 italic 1.3em/1.7em "FB Armada", sans-serif }
BUTTON P { font: menu }
BUTTON P EM { font-weight: bolder }

    �ȷ�˵�����ijһ�ض�ϵͳ�������˵�����Ϊ9-point Charcoal������Ϊ600����ô��ΪBUTTONԪ�ص���Ԫ�ص�PԪ�ص���ʾЧ������ͬ���������µĹ���

BUTTON P { font: 600 9pt Charcoal }

    ����'font'��д���Խ��κ�δ��ʽָ��ֵ����������Ϊ��ʼֵ����������Ч������ͬ�����µ�������

BUTTON P {
  font-style: normal;
  font-variant: normal;
  font-weight: 600;
  font-size: 9pt;
  line-height: normal;
  font-family: Charcoal
} 

15.2.6 ͨ���������

    ͨ�����������һ�����õĻ��ƣ�������������������ָ�������嶼������ʱ��������ʽ�����߲��ֵ�Ҫ�󡣽Ϻõ�ӡˢ����Ҫ������ʽ����Ӧ��ʹ�����������塣

    �������ͨ��������嶼�����е�CSSʵ���еõ����岢���������Dz���һ��ӳ�䵽�����ͬ��ʵ�����壩��

    �û���Ӧ���ṩͨ���������ıȽ�ǡ����ȱʡѡ�����ȱ�����ÿһ����������ԣ������ں��ļ���Ҫ���С����ǹ����û��������û�ѡ�������������Ϊͨ�����塣

serif

    CSS����ָ�ij���������н����ʻ���ͻȻ���𽥵Ľ�������ʵ�ʵij��߽���������ƽ�����������������ͨ���DZ���ġ�����Ҫ��'sans-serif'ͨ����������е���������Ե���ʾ����ϸ�ıʻ���CSSʹ������'serif'����ָ�κ�һ���ű������壬���ܶ���һ���ض��Ľű���˵���������ֿ��ܸ�����Ϥ����Mincho�����ģ���Sung��Song�����ģ���Totum��Kodig����������κ�������������嶼������������ͨ�õ�'serif'���塣

    ���ϸ�����������������У�

�������� Times New Roman��Bodoni��Garamond��Minion Web��ITC Stone Serif��MS Georgia��Bitstream Cyberbit
ϣ������ Bitstream Cyberbit
Cyrillic���� Adobe Minion Cyrillic��Excelcior Cyrillic Upright��Monotype Albion 70��Bitstream Cyberbit��ER Bukinst
ϣ�������� New Peninim��Raanana��Bitstream Cyberbit
�������� Ryumin Light-KL��Kyokasho ICA��Futo Min A101
���������� Bitstream Cyberbit
Cherokee���� Lo Cicero Cherokee

sans-serif

    CSS����ָ���޳�������Ľ�����ƽ�ġ���û��ͻ�䣬����ʻ������������Ρ��޳�������ͨ���DZ���ġ���'serif'������ȣ����ǵĴ�ϸ�ʻ��ı仯����ô��CSSʹ������'sans-serif'����ָ�κ�һ���ű������壬���ܶ���һ���ض���������˵���������ֿ��ܸ�����Ϥ����Gothic�����ģ���Kai�����ģ���Pathang����������κ�������������嶼������������ͨ�õ�'sans-serif'���塣

    ���ϸ�����������������У�

�������� MS Trebuchet��ITC Avant Garde Gothic��MS Arial��MS Verdana��Univers��Futura��ITC Stone Sans��Gill Sans��Akzidenz Grotesk��Helvetica
ϣ������ Attika��Typiko New Era��MS Tahoma��Monotype Gill Sans 571��Helvetica Greek
Cyrillic���� Helvetica Cyrillic��ER Univers��Lucida Sans Unicode��Bastion
ϣ�������� Arial Hebrew��MS Tahoma
�������� Shin Go��Heisei Kaku Gothic W5
���������� MS Tahoma

cursive

    CSS����ָ�IJ���ͨ������б�������⣬���������ʻ�������������������Ͳ��ֻ���ȫ�������������Ľ������������д�ʻ�ˢ����д��������ӡˢ��������Щ���Ե����壬�簢�����ģ��������Dz�д�ġ�CSSʹ������'cursive'����ָ�κ�һ���ű������壬�����������֣���Chancery��Brush��Swing��ScriptҲ�����������С�

    ���ϸ�����������������У�

�������� Caflisch Script��Adobe Poetica��Sanvito��Ex Ponto��Snell Roundhand��Zapf-Chancery
Cyrillic���� ER Architekt
ϣ�������� Corsiva
Arabic���� DecoType Naskh��Monotype Urdu 507

fantasy

    CSS����ָ������������Ҫ��װ���Եģ����ǻ��������ַ��ij��֣���֮��Ե�Pi��Picture���岢����ʾ��ĸ�������磺

�������� Alpha Geometrique��Critter��Cottonwood��FB Reactor��Studz

monospace

    һ���ȿ������Ψһ��׼�������е����͵Ŀ�����һ���ġ�����ʹ��ijЩ�ű����簢�����Ŀ��������ر𡣣�Ч����ͬһ���ֶ����ֻ���ͨ��������ʾ�������������ӣ�

    ���ϸ�����������������У�
�������� Courier��MS Courier New��Prestige��Everson Mono
ϣ������ MS Courier New��Everson Mono
Cyrillic���� ER Kurier��Everson Mono
�������� Osaka Monospaced
Cherokee���� Everson Mono

15.3 ����ѡ��

    CSS2������Ƶĵڶ��׶�ǣ�浽�û��˸�������ָ�����������ԣ������������ѡ�����塣����ƥ���㷨��ϸ�������������

    ���ܵ�����ѡ����Ϊ�����֣�����ƥ�䣬����ƥ�䣬�ۺϺ����ء�

��������ƥ��
����������£��û���ʹ��һ�����ڵġ��ɻ�õġ���Ҫ������������ͬ�ļ����������塣��ע�⣬����ĵ�����ʹ�õ�����Ϳͻ�ϵͳ���������Բ�ͬ�ij��ң����ǵij��ֺͳ߶Ȳ�һ��ƥ�䡣��ƥ����Ϣ������CSS�������ԣ�����������������CSS1ʹ�õ�Ψһ������
��������ƥ��
����������£��û���ʹ��һ�����ڵġ��ɻ�õġ���Ҫ������������ӽ��ij���ƥ������塣��ע�⣬�߶Ȳ�һ����ȫƥ�䡣ƥ����Ϣ�����������͵���Ϣ���ı�����ţ������ߵ����ԣ���������д�߶ȣ�x�߶ȣ��������³�����б�ȡ�
�����ۺ�
����������£��û��˴���һ�����壬�����ڳ����Ϻ�Ҫ�������ӽ�������ƥ�����ij߶ȡ��ۺ���Ϣ����ƥ����Ϣ��ͨ����ijЩƥ�������Ҫ�����ȷ�IJ���ֵ���ر�أ��ۺ�Ҫ��ȷ�Ŀ��ȳ߶ȡ��ַ������͵��滻�Լ�����Ҫ����ָ������IJ�������ʱ�Ķ�λ��Ϣ��
��������
����û��˴������ϻ��һ�����塣�ù��̺�Ϊ����ʾ��ǰ�ĵ����������ϻ��ͼ�Σ�������СӦ�ó������ơ����Ƶأ���ҳ�����֮ǰ������һ�����ӳ١�

    ������Ⱦ�����غ�����һ����������ϣ������ṩһ����ʱ���滻���壨ʹ������ƥ�䣬����ƥ����ۺϣ��������Ҫ�����������ʱ���������Ķ����ݡ�һ������������������ϣ����滻����ʱ���壬��Ȼϣ����Ҫ�������������ݡ�

    ע�⡣������ȾҪ������ij߶���Ϣ�Ա���ʵ�ʵ�����������ϲ���ȾʱҪ���¶����ݽ��в��֡���һ�߶���Ϣ��һ���ĵ��ж�һ���������ָ��һ�Ρ�

15.3.1 ����������@font-face

    �������������ߵ�����Ҫ�������������������ʽ���ı�����Ⱦ�ַ�����Ӧ�ij������͵����ݡ���ʵ�ʵĿ����ŵ����������ͼ�����ṩ��һ����������������ʽ������������

    �����������ӵ��������ݿ��в�����ѡ����ص��������ݡ������������������������������������ϵ�λ�ã��Լ����������ݵ�������������������Ҳ����ƥ����ʽ���������Ժ��ض����������ݡ�������������ϸ�̶ȿ��Դӽ����������ֵ��������Ϳ��ȵ��б���

    ���������ӿ��Ա�����Ϊ���ࣺ

  1. �ṩCSS�����÷�����������������ӣ������Ӧ��CSS�������Ծ�����ͬ�����ƣ���
  2. ��������λ�õ�URI��
  3. ��һ������������������ṩ�����������������ݼ�����ӡ�

    ���е�������ָ����ͨ��һ��@font-face��@������һ�����ʽΪ��

    @font-face { <font-description> }

    ���У�<font-description>����ʽΪ��

������:ֵ;
������:ֵ;
[...]
������:ֵ;

    ÿһ��@font-face����Ϊÿһ������������ָ��һ��ֵ����������ʽ�ģ���������ʽ�ġ�������û����ʽָ��ֵ��������ȡֵΪ���淶���г��ij�ʼֵ����Щ������ֻ�����ڶ������ǵ�@font-face������������У������������ĵ�����Ԫ�ء���ˣ�û��ʲôע��˵����Щ������������ʲôԪ�أ�Ҳû��ָ����Щֵ�Ƿ��������Ԫ�ؼ̳С�

    ���õ�����ѡ���ӵ����������淶�Ժ���½ڡ�

    ���磬���ﶨ��������'Robson Celtic'������HTML�ĵ��е���ʽ���еõ����á�

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
  <HEAD>
    <TITLE>Font test</TITLE>
    <STYLE TYPE="text/css" MEDIA="screen, print">
      @font-face {
        font-family: "Robson Celtic";
        src: url("http://site/fonts/rob-celt")
      }
      H1 { font-family: "Robson Celtic", serif }
    </STYLE>
  </HEAD>
  <BODY>
    <H1> This heading is displayed using Robson Celtic</H1>
  </BODY>
</HTML>

    ��STYLEԪ���е���ʽ������һ��CSS���򣬽����е�H1Ԫ������Ϊʹ��'Robson Celtic'������塣

    CSS1��ʵ�ֽ������ͻ������ҵ�һ�����壬�����������������ƥ��'Robson Celtic'�����������ʧ�ܣ�����ʹ���û���ָ���ı��ó������壨�����������õ����岢�����ģ���

    ʵ��CSS2���û��˽����ȼ��@font-face����������Ѱ�Ҷ�����'Robson Celtic'�����������������а���������һ��ƥ��Ĺ�����Ȼ�ù��򲢲������ܶ��������ݣ���������һ��URIָ��������Եõ������岢��Ⱦ���ĵ������ص����岻���Ա�����Ӧ����ʹ�á�����Ҳ���ƥ���@font-face���û��˽���ʵ��CSS1���û���һ������ƥ�䡣

    ע�⣬�������'Robson Celtic'�Ѿ���װ�ڿͻ�ϵͳ�ϣ��⽫ʹ�û��˸���������ƥ���㷨�����������������������ݿ���Ϊ��װ�Ŀ�������һ����������У���װ�Ŀ��������ڿ����ص�����õ�ƥ�䡣

    CSS1ʵ�ֲ�������@font-face���򣬽����ֿ������Ų���������ֱ��ƥ��ıջ����š���@������CSS�����¼��ݵĽ�������Ҫ����һ�¡�����������������Щ�������������

    �����������Ӵ����������з�����һ�������ܹ���������ѡ���/���滻�ĺô������������ӵ����ݱ����͸������Ʊ�ȫ������������Ҫ������ˣ����Խ����嶨�尲װ�ڵ��أ��������ڵ��صĻ����У������������һ�����������õ���ʽ���У�������������ÿһ�����������壬�Ͳ���Ҫ����һ�ε�Ҫ�������������嶨�塣

    ���һ�������������ظ����֣����һ�����ֵ�������ʤ�����������ı��뱻���ԡ�

    ͬ���ģ��κ��û����޷�ʶ������õ������ӱ��뱻�����������汾��CSS�����������ӵ������ӣ��� ��ø��õ������滻��ƥ����ۺϡ�

15.3.2 ѡ���������������'font-family'��'font-style'��'font-variant'��'font-weight'��'font-stretch'�Լ�'font-size'

    ����������Ӻ����Ӧ��CSS2�������Ե�������ͬ��ȡֵΪ��һֵ���Զ��ŷָ��ֵ���б���

    ������ȷ˵�����б��ڵ�ֵ�����Ӧ��CSS2���Ե�ֵ��ͬ�����ֻ��һ��ֵ���Ǹ�ֵ����һ��Ҫ��ƥ���һ��ֵ�������һ���б����κ�һ���б������һ��ƥ�䡣���@font-face��ʡ���������ӣ���ʹ�ø������ӵij�ʼֵ��

'font-family'�������ӣ�
ֵ��  [ <family-name> | <generic-family> ] [, [<family-name> | <generic-family> ]]*
��ʼֵ��  ȡ�����û���
ý�飺  ͼ��

    ����һ�����������������������ӡ�ȡֵ��'font-family'����һ����

'font-style'�������ӣ�
ֵ��  all | [ normal | italic | oblique ] [, [normal | italic | oblique] ]*
��ʼֵ��  all
ý�飺  ͼ��

    ����������ʽ�������ӣ�ȡֵ��'font-style'����һ����ֻ���������ܶ��ŷָ���б���

'font-variant'�������ӣ�
ֵ��  [normal | small-caps] [,[normal | small-caps]]*
��ʼֵ��  normal
ý�飺  ͼ��

    ���������Ƿ�ΪС�ʹ�д��ĸ�����CSS��ʾ������ȡֵ��'font-variant'����һ����ֻ���������ܶ��ŷָ���б���

    ע�⡣Cyrillicpryamoĭ���Ϳ��ܱ��'font-variant'ΪС�ʹ�д��ĸ������Ϊ�����������ͱ��ָ��õ�һ���ԣ�kursiv���ͱ��'font-style'Ϊб���ԭ��Ҳ����ˣ���

'font-weight'�������ӣ�
ֵ��  all | [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900] [, [normal | bold | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900]]*
��ʼֵ��  all
ý�飺  ͼ��

    ����һ���������ͬһ����������������͵������������ӡ�����ȡֵ��'font-weight'����һ�����������������⣺

  1. ��������Թؼ��֣�bolder��lighter����
  2. ���ڰ���������������壬�������ŷָ��ֵ���б���
  3. ����һ������Ĺؼ��֣�'all'������ζ�Ÿ�����ƥ�����п��ܵ���������������Ϊ�����������������������Ϊ������ֻ��һ��������
'font-stretch'�������ӣ�
ֵ��  all | [ normal | ultra-condensed | extra-condensed |condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded ] [, [ normal | ultra-condensed | extra-condensed |condensed | semi-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded] ]*
��ʼֵ��  normal
ý�飺  ͼ��

    ����һ�����������ͬһ����������������͵�ѹ������չ���ʵ�CSS����������ȡֵ��'font-stretch'����һ�������ǣ�

'font-size'�������ӣ�
ֵ��  all | <length> [, <length>]*
��ʼֵ��  all
ý��ֵ��  ͼ��

    �����������ṩ������ߴ�������ӡ�ֻ����ʹ�����Գ��ȵ�λ����һ���'font-size'���Բ�ͬ������������Ժ;��Եij��Ⱥͳߴ硣������������һ�����ŷָ�ľ��Գ����б���

    ��ʼֵ'all'�����ڴ�������������壬��˸���������Ҫ���ڵ��������@font-face���򣬻��߽�����������դ��Ϊ��������ߴ�Ŀ��÷�Χ��

15.3.3 �����������Ƶ���������'unicode-range'

    ����������������嶨�����ǿ�ѡ�ģ����ǿ������������������һ�����壬��������������Ⱦһ���ض��ַ����㹻�����͡�

'unicode-range'�������ӣ�
ֵ��  <urange> [, <urange>]*
��ʼֵ��  U+0-7FFFFFFF
ý�飺  ͼ��

    �������������˸����������ISO 10646�ַ���Χ��

    <urange>��ֵ��ʾΪʮ��������������ǰ׺"U+"����Ӧ��ISO 10646�е��ַ�����λ��[ISO10646]����

    ���磬U+05D1��ISO 10646�ַ�'Hebrew letter bet'�����ڳ�������������ƽ̨��BMP������ֵ����Ҫ�������ı�ʾƽ̨�ŵ�ǰ�����֣��磺U+A1234����ƽ̨10��ʮ�����Ʊ���λ��Ϊ1234���ַ�����д��ʱ��û���ַ����䵽BMP֮�⡣ǰ���㣨����0000004D���ǺϷ��ģ������DZ���ġ�

    �������ӵ���ʼֵ������������BMP������ʾΪU+0-FFFF�������Ұ���ISO 10646���������ݡ���ˣ���ʼֵ����ζ�Ÿ�������԰���ISO 10646������λ���ַ������͡���'unicode-range'ָ��һ��ֵ���ṩ��Ϣ��ͨ������һ�����Ƶķ�Χ�������п�������ʾ�ַ��õ����ͣ���ʹ��������Ч�������÷�Χ���ַ������ڸ�������������

    �������ӵ�ֵ����������������������д�����ڵ������֣��ַ�'?'����������ֵ������������һ���ַ���λ����Χ����ˣ�ʹ��һ��������

unicode-range: U+20A7
û��ͨ�����������ʾ��һ�ַ��Ķ�λ�����������ұ������ķ��ţ�
unicode-range: U+215?
һ��ͨ�����������ΧΪ2150��215F��������
unicode-range: U+00??
����ͨ�����������ΧΪ0000��00FF��Latin-1��
unicode-range: U+E??
����ͨ�����������ΧΪ0E00��0EFF���������֣�

    ����ʽ�е�һ���������������ֺŽ������ʾ����ķ�Χ�����磺

unicode-range: U+AC00-D7FF
����AC00��D7FF��Hangul Syllables����

    ���ء����������������ͨ�����ŷָ���ָ������CSS���������ŷָ������һ�����κζ���֮ǰ��֮����հ��������������磺

unicode-range: U+370-3FF, U+1F??
������Χ��0370��03FF (����ϣ����)����1F00��01FFF (��ϣ�����
unicode-range: U+3000-303F, U+3100-312F, U+32??, U+33??, U+4E00-9FFF, U+F9000-FAFF, U+FE30-FE4F
��ϸ�·�������һ���ܲ�����ӣ����dz���ȷ��ָ�������壨�dz���ֻ����ISO 10646�е������ַ������������κε��������Ļ������֡��÷�Χ��3000��303F��CJK���źͱ�㣩������3100��312F��ƴ�����ţ�������3200��32FF���ں���CJK��ĸ���·ݣ�������3300��33FF��CJK�������򣩣�����4E00��9FFF��CJKͳһ�������֣�������F900��FAFF��CJK���ݱ������֣�������FE30��FE4F��CJK���ݱ�������

    һ�����������ͨ���ij��ָ������ǣ�

    unicode-range: U+3000-33FF, U+4E00-9FFF

unicode-range: U+11E00-121FF
����������˽���İ���̨���������ֵ�ע�ᣬ������Χ��ƽ̨1�е�1E00��21FF��
unicode-range: U+1A00-1A1F
����������˽���İ�����Ogham���ֵ�ע�ᣬ��Χ��1A00��1A1F��

15.3.4 ��ֵ��������'units-per-em'

    �����������ָ����ÿһ��em�������ġ���λ����������Щ��λ���Ա�����������ʹ������ʾ���ֳ��ȣ�������������������������'units-per-em'�������DZ���ġ�

'units-per-em'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ������ȫ����������Э����λ�����������͵����դ��ijߴ�������ӡ�

15.3.5 ���������'src'

    �ڲο�ʵ�ʵ��������ݣ������ǿ����صģ������ǰ�װ�ڵ��صģ�ʱ����Ҫ�������ӡ�

'src'�������ӣ�
ֵ��  [ <uri> [format(<string> [, <string>]*)] | <font-face-name> ] [, <uri> [format(<string> [, <string>]*)] | <font-face-name> ]*
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ���ⲿ���ú�/�򵱵ذ�װ���������Ƶ��Զ��ŷָ�����ȼ��б����ⲿ����ָ�������ϵ��������ݡ����Ҫ���������������Ҫ�������ӡ�������Դ������Դ�����һ���Ӽ�������������ֻ������ǰҳ���ҳ�漯����Ҫ�����͡�

    �ⲿ���ð���һ��URI�����һ����ѡ�Ĺ������Ǹ�URI�ҵ���������Դ��ʽ����ʾ��������Ϣ�����û�ʹ����������ָ��������ʽ���޷�ʹ�õġ����������ı��������ƣ�������������ʽ���ã������û�����������Щʲô����һ�����õĸ��Ҳ�ȴ�URI���ļ�������ȡ��չ���ķ������ɿ���

    ��ʽ��ʾ����һ�����ŷָ���б���������һЩ��ʽ�ַ�������ʾ������֪�������ʽ���û��˽�ʶ����Щ��������֧�ֵ������ʽ������������������ʶ��ĸ�ʽ�����塣

    ���淶���塢�������ɲ�ͬƽ̨ʵ��ʹ�õĸ�ʽ��һ����ʽ�ַ����ij�ʼ�б�Ϊ��

�ַ��������ʽͨ���ĺ�׺����
"truedoc-pfr"TrueDoc™ Portable Font Resource .pfr
"embedded-opentype"Embedded OpenType .eot
"type-1"PostScript™ Type 1 .pfb, .pfa
"truetype"TrueType .ttf
"opentype"OpenType, including TrueType Open .ttf
"truetype-gx"TrueType with GX extensions
"speedo"Speedo
"intellifont"Intellifont

    ��CSS��������URIһ���������URI�����Dz��ֵġ�����ʱ��������ڰ��� @font-face����ʽ����λ�ö��õ���λ��

    ���ذ�װ��<font-face-name>��һ�����ذ�װ�������ȫ��������ȫ���Dz���ϵͳ���ص���������Ҳ�ܿ��ܱ����ڶ��ߵ���ʽ���������ȱʡ��ʽ������Ҳ�������ڲ����ϵ�������ʽ����������塢б�弰�»��ߵ�װ��ͨ��������һ����������жԲ�ͬ�����ͼ������֡�����ȫ���ĸ�����Ϣ������ġ�

    <font-face-name>�ı�ʾ�������ȫ�������������ܰ��������ַ��������ո�ͱ�㣬���ȫ����������������У���������"local("��")"��Χ��

���ӣ�

src: url("http://foo/bar")
һ��������URI������û�������ʽ����Ϣ��
src: local("BT Century 751 No. 2 Semi Bold Italic")
������һ�����ذ�װ������ض����͡�
src: url("../fonts/bar") format("truedoc-pfr")
һ������URI����������ĸ�ʽΪTrueDoc��ʽ��
src: url("http://cgi-bin/bar?stuff") format("opentype", "intellifont")
һ��������URI��������ָ��һ���ű��������Բ������ֲ�ͬ�ĸ�ʽ��OpenType��Intellifont��
src: local("T-26 Typeka Mix"), url("http://site/magda-extra") format("type-1")
����������ѡ�񣬵�һ���ǵ��ذ�װ�����壬�ڶ����ǿ����ص����壬��ʽΪType 1��

    �Ե��ذ�װ����ķ�����ͨ��<font-face-name>�����������������������һ�ģ�Ҳ������������ƽ̨�������ʽ�޹أ�����Ŀǰ����ȷ�����ذ�װ�������ݵ���õķ�����ͨ���ṩ��Ҫ�����Ͳ����˵����ʹ��������������Ը��Ӿ�ȷ�������ͨ��ָ��ISO 10646�ַ���λ��Χ����ɣ����������ṩ�˲��ֵ����ͣ��μ�'unicode-range'����

15.3.6 ƥ����������'panose-1'��'stemv'��'stemh'��'slope'��'cap-height'��'x-height'��'ascent'��'descent'

    ��Щ�����Ӷ���CSS2�����ǿ�ѡ�ģ������Ա�����ʵ������ϣ������������ƥ�������ߴ������

'panose-1'�������ӣ�
ֵ��  [<integer>]{10}
��ʼֵ��  0 0 0 0 0 0 0 0 0 0
ý�飺  ͼ��

    ����һ��Panose-1�����������ӣ�����ʮ��ʮ�������������հ��ָ�������Ӳ��������ŷָ���б�����ΪPanose-1ϵͳ�ܹ�����һ�η�Χ��ֵ�õ�ƥ�䡣����ÿһ��PANOSE���֣���ʼֵΪ�㣬��ʾ���κΡ������ʹ�������ֵ�����е����彫ƥ��Panose���֡������������壬ǿ���Ƽ�ʹ��Panose-1�����ӡ������ϸ�ڣ���μ���¼C��

'stemv'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ���������ֱ����ĸ���������ӡ����ȡֵΪδ���壬��������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'stemh'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ�������ˮƽ����ĸ�����������ӡ����ȡֵΪδ���壬��������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'slope'�������ӣ�
ֵ��  <number>
��ʼֵ��  0
ý�飺  ͼ��

    ����һ���������ֱ�ʻ��Ƕ��������ӡ�

'cap-height'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ���������д���͵ĸ߶������������ӡ����ȡֵΪδ���壬�������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'x-height'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ�������Сд���͵ĸ߶��������ӡ����ȡֵΪδ���壬�������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ���ʹ��'font-size-adjust'����ʱ���������ӷdz����á���Ϊ��ѡ����zֵ�ļ�����Ҫ����ߴ��x-height����������Ƽ������������ӡ�

'ascent'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ����������ķ������ַ��ĸ߶��������ӡ����ȡֵΪδ���壬�������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'descent'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ����������ķ������ַ�������������ӡ����ȡֵΪδ���壬�������Ӳ�����ƥ�䡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

15.3.7 �ۺ���������'widths'��'bbox'��'definition-src'

    ������ۺ���ζ�ţ�����ͳ̶��ϣ�Ҫƥ��ָ������Ŀ������ȡ���ˣ������ۺ���˵����һ������Ϣ�����ṩ�����Ƶأ�������ȾҲҪ����������Ա�����ʵ�ʵ�����װ�غ󣬶����ݽ��������С���������������Ӷ���CSS2��������ǿ�ѡ�ģ�������Ҫ���ۺϣ��������ŵĽ�����Ⱦ��ʱ��ijЩ��Ⱦ�ӻ��DZ���ġ����ʵ�ʵ������Ϊ���ã������滻ԭ���Ĵ����ߡ�����չʾ���κ�һ�������Ӷ��������ṩһ�����û����Ľӽ���Ҫ������ķ�����

    ��Щ�������У�����Ҫ����'widths'�����Ӻ�'bbox'��һ��ʵ�ʵ��������ʱ�����DZ�������ֹ�ı������š����⣬��ƥ���������е�������Ҳ���������ṩһ�����õ�ʵ���������ֵ��ۺϡ�

'widths'�������ӣ�
ֵ��  [<urange> ]? [<number> ]+ [,[<urange> ]? <number> ]+]
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ�����Ϳ����������ӡ�ȡֵ��һ�����ŷָ���б���<urange>ֵ�����һ���������Ϳ��ȣ������ʹ�ø�ѡ���ӣ������ͬʱʹ��'units-per-em'ѡ���ӡ�

    ���ʡ�Ե�<urange>����ٶ���ΪU+0-7FFFFFFF�����������е��ַ������ǵ����͡����û�и����㹻�����Ϳ��ȣ��б��е����һ���������������������Χ�����������̫��Ŀ��ȣ�����Ľ���������

���ӣ�

    ���磺

widths: U+4E00-4E1F 1736 1874 1692
widths: U+1A?? 1490, U+215? 1473 1838 1927 1684 1356 1792 
    1815 1848 1870 1492 1715 1745 1584 1992 1978 1770

    �ڵ�һ�������У�������32���ַ��ķ�Χ����4E00��4E1F����Ӧ�ڵ�һ���ַ���4E00�������Ϳ���Ϊ1736���ڶ�������Ϊ1874����������Ϊ1692������û�и����㹻�Ŀ��ȣ����Ŀ��Ƚ������������ָ����Χ��ʣ�ಿ�֡��ڶ�������Ϊ������Χ256�����������˵�һ����Ϊ1490��Ȼ��Ϊ��Χ16��������ʽ�������˿��ȡ�

    �������Ӳ���������Ӧ��һ���ַ��Ķ�����ͣ������ַ���������ˣ���������ֻ��������������������ظ�ʽ��ǿ�ȵ�����Ľű���������ˣ��������Ӷ���Щ���λ������õġ�Ҫ���ַ���������һ�����ൽ��ӳ��Ľű�Ŀǰ����ʹ�ø����������ﵽ�����ۺϣ���Ȼ������Ȼ����ʹ���������ػ�����ƥ�䡣

'bbox'�������ӣ�
ֵ��  <number>, <number>, <number>, <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ����һ����������߽���ƿ��������ӡ�ȡֵ��һ���ĸ����֣��Զ��ŷָ���б�������ָ������������ı߽���ƿ�����½�x�����½�y�����Ͻ�x�����Ͻ�y�����ꡣ

'definition-src'�������ӣ�
ֵ��  <uri>
��ʼֵ��  δ����
ý�飺  ͼ��

    ���������ӻ���������ʽ���е����嶨���У�����һ����������URI��ʾ�����嶨����Դ���ṩ����һ�ַ����ڶ����ʽ������ͬһ����ʱ�����������罻ͨ��

15.3.8 ������������'baseline'��'centerline'��'mathline'��'topline'

    ��Щ��ѡ���������������벻ͬ�ű�֮������С�

'baseline'�������ӣ�
ֵ��  <number>
��ʼֵ��  0
ý�飺  ͼ��

    ����������»�׼���������ӡ������������ȡֵΪ��ȱʡֵ�����㣩������ͬʱʹ��'units-per-em'ѡ���ӡ�

'centerline'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    ������������Ļ�׼���������ӡ����ȡֵΪδ���壬�û��˿��Բ��ò�ͬ�ķ�������ȡ�������½���ֵ���е㡣���ʹ�ø������ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'mathline'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    �����������ѧ��׼���������ӡ����δ���壬�û��˿��������Ļ�׼�ߡ����ʹ�ø�ѡ���ӣ������ͬʱʹ��'units-per-em'�����ӡ�

'topline'�������ӣ�
ֵ��  <number>
��ʼֵ��  δ����
ý�飺  ͼ��

    �������������׼���������ӡ����δ���壬�û��˿��Բ���һ������ֵ��������ֵ�����ʹ�ø�ѡ���ӣ������ͬʱʹ��'units-per-em'ѡ���ӡ�

15.3.9 ʾ��

���ӣ�

    �������µ������б���
Swiss 721 light light & light italic
Swiss 721 roman, bold, italic, bold italic
Swiss 721 medium medium & medium italic
Swiss 721 heavy heavy & heavy italic
Swiss 721 black black, black italic, & black #2
Swiss 721 Condensed roman, bold, italic, bold italic
Swiss 721 Expanded roman, bold, italic, bold italic

    ����ʹ�����µ���������ʹ�����ܹ����ء�

@font-face {
    font-family: "Swiss 721";
    src: url("swiss721lt.pfr"); /* Swiss 721 light */
    font-style: normal, italic;
    font-weight: 200;
}
@font-face {
    font-family: "Swiss 721";
    src: url("swiss721.pfr"); /* The regular Swiss 721 */
}
@font-face {
    font-family: "Swiss 721";
    src: url("swiss721md.pfr"); /* Swiss 721 medium */
    font-style: normal, italic;
    font-weight: 500;
}
@font-face {
    font-family: "Swiss 721";
    src: url("swiss721hvy.pfr"); /* Swiss 721 heavy */
    font-style: normal, italic;
    font-weight: 700;
}
@font-face {
    font-family: "Swiss 721";
    src: url("swiss721blk.pfr"); /* Swiss 721 black */
    font-style: normal, italic;
    font-weight: 800,900; /* ע�⣬����Ȥ��һ������������Ϊ900��б�岻���� */
}
@font-face {
    font-family: "Swiss 721";
    src: url(swiss721.pfr); /* The condensed Swiss 721 */
    font-stretch: condensed;
}
@font-face {
    font-family: "Swiss 721";
    src: url(swiss721.pfr); /* The expanded Swiss 721 */
    font-stretch: expanded;
}

15.4 ���������

15.4.1 �����������

    �������г��˶��ڿͻ��������ƥ�䡢�ۺϺ�Ϊ�������������ƽ̨�����е�������˵���õ���������������κ���Ҫ��������ʹ�������ý�飬�����ý���������������Ƕ����ý���еķ�������Щ���ݾͺ����á�

    ��Щ���������������塣���Dz�������CSS����ʽ�������еġ�CSS�У�ÿһ��������һ��������������������Щ����Ҳ����ӳ�䵽VRML�ڵ㣬��CGMӦ�ýṹ����Java API�����������ʽ�����ԡ�һ����ý���ȡ������ڻ����е�������Ա�����һ��ý�����á�������һ����ͬ����������ϵͳ����ͬ��ý��ʹ�ã��ͽ�ʡ������ʱ������������

    ������ý�����ӵ�һ������ٵ��б�������

15.4.2 �����ȫ��

    ����һ���ض�����������͵�ȫ����ͨ��������һϵ�зDZ�׼���ı����λ�װ����������������������档��Ҳ���԰���һ������������д��ͨ�����������������ǰ�档��ֻ�������õ��ذ�װ�����壬��Ϊ�����ε����ֵĸ�ʽ��ƽ̨�IJ�ͬ����ͬ�������뱻���Ű�Χ��

    ���磬TrueType����������������PostScript���Ϳ����ڿո񡢱���ijЩ���ʵ���д����������ͬ�����磬Ϊ�˷��ϲ�ͬϵͳ���ӡ���������������ֳ��ȵ����ƣ������磬PostScript�����в������հף����ǿհ�������ȫ���кܳ�����TrueType���ֿ���ͬʱ����PostScript���֣����߲������ո�

    ���嶨������ֺ���Ҫ����Ϊ�����κε��ذ�װ����������ӡ����ǵ���ƽ̨��Ӧ�õķ������ԣ�����Ҫ�ܽ�׳������������ɣ�����Ӧ������Ӧ�û������޹صġ�

    ����Ľ����������ȡһ����Ψһ��ʶÿһ���������ݼ��ϵ����֡�������������Ŀǰ���������ݵ�Ӧ��ʵ���в������ڡ�������ͬ��������������������ɸ������Ӷ���ͬ��ijЩ�����ӣ������������͵IJ�ͬ���䣬�����Ҫ�������������ڵĻ������ܲ�����ô��Ҫ������������ӣ��粻ͬ�Ŀ������ȣ�ʹ������ͬ���ֵ����廥�����ݡ�����ȥ����������һ�������Dz����ܵģ��������ܷ��ֲ������ԣ����Dz���ֹʹ����������ֵ�����������ȫ�Ǻϵĵ��ؿ�������ˣ�ֻ��ISO 10646��Χ�ڵ��ַ���������������������ƥ�䡣

    �������嶨������������������ҪĿ���������û���ȷ��ʲôʱ�����һ��ָ�����������ݵĵ��ؿ����������ֱ�����һ�������������������кϷ������е����֡��������ڵ��ؿ����޷�ƥ�䣬�����𲻱�Ҫ�����罻ͨ��

15.4.3 ��ȫ����������Э����λ

    ijЩֵ����������ȣ��ı�ʾ�������һ������ķ���ģ��÷���ĸ߶ȵ���ͬһ���ͳߴ���֮��Ӧ���еľ��롣�÷����Ϊem���������Ƕ����������������դ�񡣸������ӵ�ֵָ���˸�EM���鱻�ָ�Ϊ���ٸ���λ���Ƚ�ͨ����������250��Intellifont����1000��Type 1����2048��TrueType��TrueType GX��OpenType����

    �����ָ�����ֵ�����޷�֪���κ��������ȵĺ��塣���磬һ�������Сд���͸߶�Ϊ450����һ����С������ȴΪ890��ʵ������Щ�����Ƿ�������һ������Ϊ450/1000���ڶ���Ϊ890/2048��ȷʵ��С��һЩ��

15.4.4 ���Ļ�׼��

    ������em���������Ļ�׼�ߵ�λ�á����Ļ�׼�����ڱ������ֽű��Ķ��룬��ͬ������ϣ����Cyrillic�ű����õ��»�׼�ߡ�

15.4.5 �������

    ��������ʽ�ػ�����ʽ�أ�ÿһ�����嶼��һ��������ı�����������������ָ��ÿһ�����ͱ�ʾ���ַ����ñ���Ҳ������Ϊ����������

    ��ʵ�ϣ��ܶ�����������ɸ�����������ͬһ�ַ�������ʹ���ĸ����ͻ���ȡ�������Թ��򣬻���ȡ��������ߵ�ƫ�á�

    �����ڰ����������У����е���ĸ���ĸ�����������ͬ����״��ȡ���ڸ��ַ������ڵ��ʵĿ�ͷ�����ʵ��м䣬���ʵĽ�β�����ʹ�á������е�����£��ַ���ͬһ���������Դ�ĵ���ֻ��һ���ַ��������ڴ�ӡʱ��Ӧ���Dz�ͬ�ġ�

    ����Щ������ͼ������ߴ��ṩ�ĸ�����ѡ��״��������ѡ�񡣲��ҵ��ǣ�CSS2��δ�ṩ�����ķ�����ѡ����Щ��ѡ��״��Ŀǰ�������Ǵ���Щ������ѡ��ȱʡ����״��

15.4.6 ���������

    ָ���������������еļ��������֡����磬Helvetica-Bold�ļ�����ΪHelvetica����ITC Stone Serif Semibold Italic�ļ�������ITC Stone Serif����Щϵͳ����ѹ������չ������ص�װ������Ϊ��������һ���֡�

15.4.7 ���Ϳ���

    �������դ���϶�Ӧ��ÿһ���ַ������Ϳ��ȵ��б������б���ISO 10646������������������ӳ�䵽ͬһ���ַ�������ǿ�Ƶĺϲ�ʱ�����ȵ�ָ����û��ʲô�á�

15.4.8 ˮƽ����ĸ����

    ��ֵ��ָ����������������ĸ�Ŀ��ȡ����ܻ�������������ƵĿ��ȡ����磬�����ַ�����Ҫ�Ĵ�ֱ����ĸ��խ������ĸ�Ͳ�ͬ�������ߵ�"M"��"N"��������ͬһ�����д�д��Сд��ĸ�Ŀ��ȿ��ܲ�ͬ��ͬ���أ�����������ƻ������ڴ�����������ĸ�Ŀ��ȿ������в�ͬ��

15.4.9 ��д���͵ĸ߶�

    ����ֵ��������ϣ����Cyrillic�ű���ƽֱ��д��ĸ���»�׼�ߵ�����y�������ȡ�������岻������Щ�ű��е����ͣ��������Ӳ��DZ���ġ�

15.4.10 Сд���͵ĸ߶�

    ����ֵ��������ϣ����Cyrillic�ű��ķ�������Сд��ĸ���»�׼�ߵ�����y�������ȡ�ʹ��ƽ������ĸ�������κι�ѧ��������ͨ����������Ϊһ��Сд�߶Ⱥʹ�д�߶ȵı��������Ƚ�������塣

    Illustration of x-height

    ��������в�������Щ�ű��е��κ����ͣ���������û���á�����Сд��ĸ�ʹ�д��ĸ�ĸ߶�ͨ���Ա�������ʽ��ʾ���Ƚϲ�ͬ�����壬���������ű�����ϣ�����ģ�����Сд�߶�����Ϊͬһֵ�������ã���Ϊ���������ĺ�ϣ�����ĵĻ�ϣ�ϣ�������ַ�ͨ�����õĸ߶�������������Ĵ�д��Сд�߶��м䡣

    Height of Hebrew characters

15.4.11 �»�׼��

    �������»�׼����em�����е�λ�á��»�׼�߱�������ϣ����Cyrillic�ű��������룬���󶥻�׼�߱�Sanscrit�����Ľű���������һ����

15.4.12 ��ѧ��׼��

    ��������ѧ��׼����em�����е�λ�á���ѧ��׼��������ѧ���ŵĶ��룬��ͬ�»�׼������������ϣ����Cyrillic�ű��Ķ���һ����

15.4.13 ���߽���ƿ�

    ������������е����ͷ���ʱ����غϣ�Ȼ���������������״����С�ij����ξ������߽���ƿ�

    ���һ����̬�����ص�����IJ�����ͨ��һ����������Ӽ�����ôbboxӦ���ø��������һ����

15.4.14 ���ķ������ַ��ĸ߶�

    em�������һ���ȣ��Ǵӻ��ߵ��κ����ʹﵽ����ߵ㣬��ȥ�κ�������������ǡ�

    Diagram showing several glyphs and the maximum unaccented height

15.4.15 ���ķ������ַ������

    em�������һ���ȣ��Ǵӻ��ߵ��κ����ʹﵽ����͵㣬��ȥ�κ��³��������ǡ�

    Diagram showing several glyphs and the maximum unaccented depth

15.4.16 Panose-1�����

    Panose-1��һ����ҵ��׼��TrueType��������ƥ�似����PANOSEϵͳ����10�����ֵļ��ϣ����������͵Ĺؼ����Խ����˷��࣬һ��������Щ���ֵķ��ಽ�裬�Լ�Mapper�����ڸ��������ͼ���ȷ����ӽ��Ŀ��ܵ�����ƥ�䡣ϵͳ�������޸ĺ�ʹ����ϣ����Cyrillic�ϣ����Dz��ʺ��������ͱ���ű���ϣ�������������ǣ�������������/����/���ģ���

15.4.17 ISO 10646���ַ���Χ

    ���������������ISO 10646��Unicode���淶������ĵ�����ϵͳ��������һ����ϵͳ��ϡ��ģ����󲿷����岢������ISO 10646��ȫ�壩����һ�������г���һЩȷʵ���������͵�����Ŀ��Χ�����Dz���֤ȫ�����ǣ����������޳���Щ�����ʵ����壨��һ������������Ҫ�����͵����壩���������϶��ر�ʾ�����Ȼ������������ͣ�ֻ��˵������ֵ�����ز�������Ѱ�����塣�μ�[ISO10646]���˽����������ĵ�����Ϣ��

    ��һ����������չ�԰���Unicode�ַ������ķ��䣬�����øı��﷨Ҳ����Υ�����е����ݡ�

    ��������ʽ��������ʽ�ػ���ʽ�ض�û�а�����һ��Ϣ�����廹����ʹ����һ���ԣ�������һȡֵ�������ĵ�����ʽ�������߸�����

    �ű��л������������ķ��࣬��Monotypeϵͳ���μ�[MONOTYPE]���������е�ISO�ű�ϵͳ����Щ�����ǿ�����չ�ġ�

    ������һԭ�򣬱��淶��ʹ����ISO 10646�ַ���Χ�п���Ϊijһ�ض�������ֵ�����ϵͳ���ࡣ��һϵͳ������չ�԰��������ķ��䡣

15.4.18 ����׼��

    ��������em�����ж���׼�ߵ�λ�á���Sanscrit�����Ľű�������Ϊ�����ߣ���ͬ������ϣ����Cyrillic�ű����»�׼����Ϊ������һ����

15.4.19 ��ֱ����ĸ����

    �������ʹ�ֱ���������ֱ�����ɵĿ��ȡ�����Ϣͨ����Hinting��һ����Ļ��ʾ�Ż�������������ע�����������ijЩ�����ʽ�п��ܲ�����ֱ�Ӵ�ȡ��������ֵӦ����������ռ��������ֱ���ɵĿ��ȣ���Ϊ��ֱ���ɿ����в�ͬ����ϣ����磬�ڴ�д��M��N�У���һ����Ҫ�ģ�һ�����ᡱ��ģ���

15.4.20 ��ֱ�ʻ��Ƕ�

    ����������������ֱ�ʻ��봹ֱ�������б�Ƕȣ���ʱ�뷽��Ϊ����������������б�����塪���������е����嶼������б��������ֵ�Ǹ�������������������б�壬��б�壬��д�壬�Լ�һ����ԣ��κδ�ֱ�ʻ����Ǿ�ȷ��ֱ�����塣��Ȼ������ֵ��Ϊ�㱾������ζ�Ÿ��������б�����塣

15.5 ����ƥ���㷨

    ���淶��չ��CSS1�淶�и������㷨�������ߺ��û�����ʽ���������κ�@font-face����ʱ�����㷨�����⵽CSS1�淶�и������㷨��

    ��������ƥ�䵽�������dz�С�ġ������ӵ�ƥ��˳�򱻾�ȷ�Ķ��壬Ŀ���DZ�֤��һƥ����̵Ľ����������UA�о����ܱ���һ�¡���ǰ�ᵱȻ��ÿ��UA����װ����ͬ�Ŀ���������������㷨��Ȼ���Ա��Ż���ֻҪ���Ż��㷨��ʵ�ֱ��ֵ�׼ȷ����ѭ��ԭʼ�㷨��

  1. �û��˴��������ȡ��һ�����ݿ⣬�����ݿ������һ��UA֪����������������font-face�����ӡ�����������������������ȫһ�£���ô����һ������ͻᱻ������UA������Ϊ����ԭ��֪��һ�����壺
  2. ����һ��������Ԫ���Լ���Ԫ���е�ÿ���ַ���UA�����Щ�����ڸ�Ԫ�ص��������ԡ������Լ����У�UAʹ��'font-family'��������ѡ��һ����ʱ��������塣��ˣ���ƥ������������֮ǰ����������ƥ�佫�ض��ɹ������µ����Խ����ݸ��Ե�ƥ���׼���������ȶԡ�����������µ����Զ�ƥ�䣬��ô������������ƥ��ø���Ԫ�ص����塣
  3. ����ڲ���2�д�����'font-family'��û��ƥ�����壬ʵ��������ƥ���UA�������������������ӣ�����x-height�����Ϳ����Լ�panose-1��ȷ��һ����ͬ����ʱ������塣����������µ����Զ�ƥ�䣬��ô������������ƥ��ø���Ԫ�ص����塣���ظ�CSS2���Ե�'font-family'�����ӻ����ĵ�Ҫ���������壬����������ƥ�������ص����֡����UAû��ʵ������ƥ�䣬������һ������ʧ�ܵġ�
  4. ����ڵ�3���д�����'font-family'��û���ҵ�ƥ�����壬ʵ�����������ص�UA���鲽��2��3��ȷ���������'src'��������ȷ���п��õ�������Դ�����ʽ��ȷ������������µ����Զ�ƥ�䣬��ô������������ƥ��ø���Ԫ�ص����壬UA�᳢�����ظ�������Դ��UA����ѡ��������ʱֹͣ�������裬Ҳ����ѡ������������ʱ������һ����û��ʵ���������ء�û���������ӵ�UA�����û�ѡ���ֹ�������ء��������Դ��Ч�����ص������޷���ʹ�õ�����£����������ʧ�ܵġ�
  5. ����ڵ�3���д�����'font-family'��û���ҵ�ƥ�����壬ʵ��������ϳɵ�UA�������������������ӣ�����'x-height'�����Ϳ����Լ�'panose-1'��ȷ��һ���������ʱ���������кϳɡ�����������µ����Զ�ƥ�䣬��ô������������ƥ��ø���Ԫ�ص����塣UAҲ���Կ�ʼ�á��鹹������ĺϳɡ����UA��֧������ϳɣ����������ʧ�ܵġ�
  6. �������3��4��5��ʧ�ܣ����������弯�л��б�ѡ��'font-family'����ô�Ա�ѡ��'font-family'�Ӳ���2��ʼ�ظ���Щ���衣
  7. �������ƥ������壬���Dz����ڶ�Ӧ��ǰ�ַ������ͣ�ͬʱ�����弯�л��б�ѡ��'font-family'����ô�Ա�ѡ��'font-family'�Ӳ���2��ʼ�ظ���Щ���衣'unicode-range'�����ӿ����������������Щ����������ȷ���͵����塣���'unicode-range'�����ӱ���һ�������������ȷ��Χ�ڵ����ͣ�UA���Լ������������Ƿ�����Ǹ��ض����͡�
  8. �ڲ���2�����ѡ�е����������û�����壬��ô��Ҫʹ�ü̳����Ļ�UA��ص�'font-family'ֵ���ظ�����2��ʹ���ڸ��������ܻ�õ���õ�ƥ�䡣���ʹ�ø����岻����ʾij���ض��ַ���UAӦ�ñ�ʾ��һ���ַ���û�б���ʾ�����磬ʹ�á�ȱʧ�ַ������ͣ���
  9. ʵ�ֽ�����Ⱦ��UA������������������ʱ��һ�����سɹ����Ὣ���ص�������Ϊ�������ʹ�á�������ص�����ȱ��ijЩ���ͣ�����ʱ������ȷʵ������Щ���ͣ���ô������Щ���Ͳ�ʹ�����ص����壬������ʹ����ʱ���塣

     ע�⣺�������㷨���Խ����Ż����Ա����ÿ���ַ���Ҫ�ظ�����CSS2���ԡ�

    ����2�У����������ӵ�ƥ��������£�

  1. 'font-style'���ȱ����ԡ�'italic'����������ǣ�UA���������ݿ����и���������CSS�ؼ���'italic'����ѡ����'oblique'��������ֵ���뾫ȷƥ�䡣�����⣬font-styleƥ��ʧ�ܡ�
  2. ���������Ե���'font-variant'��'normal'ƥ��δ�����Ϊ'small-caps'�����壻'small-caps'ƥ�䣺(1)���Ϊ'small-caps'�����壻(2)С�ʹ�д��ĸ�Ǻϳɵ����壻(3)���������е�Сд��ĸ����д��ĸ�滻�˵����塣С�ʹ�д��ĸ�������ͨ����һ�������д�д��ĸ��С�ķ������ϳɡ�
  3. 'font-weight'��������ƥ�䣬����Զ����ʧ�ܡ����μ������'font-weight'����
  4. 'font-size'������UA�ض�����Χ��ƥ�䡣��ͨ�����ԣ�����������ijߴ��Բ������ӽ��ĵ����ص㣬�������������Χ���ɴ�20%������һ���ļ��㣬�������������е�'em'ֵ������ʵ��ʹ�õ�'font-size'�������ƶ���ֵ��

15.5.1 ��������ֵ����������ӳ��

    'font-weight'����ֵ����ֵ��ʽ����������ֵ'400'����'normal'����Ӧ�˸�����ġ�һ�㡱���֡�����������������������һ�����Book, Regular, Roman, Normal����ʱ����Medium��

    һ�������������������������ֵ�����Ĺ���ֻ��Ϊ�˱��ָü�����������˳����ѡ��û��˱�����ij�ַ�ʽ���������Ƶ���ֵ��ӳ�䣬�������Ӿ��ϵĺ���˳����һ��ֵ��Ӧ�����岻���Ա���һ����һ����С��ֵӳ���������ʾ���ᡣһ���û�����������������ӳ������������������ֵ��û��һ���ı�֤�����ǣ����µ�һЩ����������������ͨ������������ķ�������ν��еģ�

    ������֤����ÿ��'font-weight'ֵ����һ����������壻���磬��Щ����ֻ����ͨ�ʹ��壬����һЩ����ֻ�а��ֲ�ͬ������������

    ���������������ʾ�˳�����ӳ�䡣

    �ٶ�"Rattlesnake"���������ĸ���������dz����������Regular/Medium/Bold/Heavy��

font-weightӳ��ĵ�һ������
������������ֵ���
"Rattlesnake Regular" 400 100, 200, 300
"Rattlesnake Medium" 500
"Rattlesnake Bold" 700 600
"Rattlesnake Heavy" 800 900

    �ٶ�"Ice Prawn"������������������Book/Medium/Bold/Heavy/Black/ExtraBlack��ע�⣬�ڱ����У��û��˾�������"Example2 ExtraBlack"����һ����ֵ��

font-weightӳ��ĵڶ�������
������������ֵ���
"Ice Prawn Book" 400 100, 200, 300
"Ice Prawn Medium" 500
"Ice Prawn Bold" 700 600
"Ice Prawn Heavy" 800
"Ice Prawn Black" 900
"Ice Prawn ExtraBlack" (none)

15.5.2 ����ƥ�䷶��

������

    ��������Ӷ�����һ���ض�������Alabama Italic��Panose���������Լ����TrueType�����������ԴURI�����ṩ��Font-weight��font-style�������������������塣��������ʾ��������ƥ�䷶Χ��300��500֮����κ�Ҫ�������������Alabama�������ε���������Alabama Italic��

@font-face {
  src: local("Alabama Italic"),
       url(http://www.fonts.org/A/alabama-italic) format("truetype");
  panose-1: 2 4 5 2 5 4 5 9 3 3;
  font-family: Alabama, serif;
  font-weight:   300, 400, 500;
  font-style:  italic, oblique;
}

������

    ��һ�����Ӷ�����һ��������塣�ṩ�˻���������ݵĵ�һURI�������ݽ�����ָ��������Ķ����ʽ��������һ������֮һ��@font-face���ٱ����ã����ݽ�������UA�����У��Ա�����ʹ����ͬURI������ʹ�á�

@font-face {
  src: local("Helvetica Medium"),
       url(http://www.fonts.org/sans/Helvetica_family) format("truedoc");
  font-family: "Helvetica";
  font-style: normal
}
@font-face {
  src: local("Helvetica Oblique"),
       url("http://www.fonts.org/sans/Helvetica_family") format("truedoc");
  font-family: "Helvetica";
  font-style: oblique;
  slope: -18
}

������

    ��������ӽ���������������鵽һ�����������в�������չ����ÿ������£������ε���������src�������и������Ա��ڵ��ذ�װ�˸�����ʱ�������彫������ʹ�á����ĸ�����ָ�����ͬ����չ�����壬��������һ����һ��Դ�С�

@font-face {
  font-family: Excelsior;
  src: local("Excelsior Roman"), url("http://site/er") format("intellifont");
  unicode-range: U+??; /* Latin-1 */
}
@font-face {
  font-family: Excelsior;
  src: local("Excelsior EastA Roman"), url("http://site/ear") format("intellifont");
  unicode-range: U+100-220; /* Latin Extended A and B */
}
@font-face {
  font-family: Excelsior;
  src: local("Excelsior Cyrillic Upright"), url("http://site/ecr") format("intellifont");
  unicode-range: U+4??; /* Cyrillic */
}
@font-face {
  font-family: Excelsior;
  src: url("http://site/excels") format("truedoc");
  unicode-range: U+??,U+100-220,U+4??;
}

������

    ��һ�������п�����UA��ȱʡ��ʽ�����ҵ���ͨ��ӳ�䵽����serif���壬��ʵ����CSS2ͨ���������serif��û�и�������ֵ����Ϊ�ڿ��ܵ�ѡ���������Dz�ͬ�ġ�

@font-face {
  src: local("Palatino"),
	  local("Times New Roman"),
	  local("New York"),
	  local("Utopia"),
	  url("http://somewhere/free/font");
  font-family: serif;
  font-weight: 100, 200, 300, 400, 500;
  font-style: normal;
  font-variant: normal;
  font-size: all
}