font-family
Baseline
Widely available
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since â¨2015å¹´7æâ©.
font-family å±æ§æåºåªä¸ªåä½éå°è¢«ç¨æ¥æ¸²ææåï¼å¨å¸¦ä¼å
级çåä½éå称å表被æå®ï¼è¿ææ没ææ³æçå符éå称ã
ä½ä¸ºä¸ä¸ªè¡¨ç°å±çå±æ§ï¼font-family å±æ§ä¹å¯ä»¥è¢«ç´æ¥ç¨å¨ CSS æ ·å¼è¡¨ä¸ï¼è¯¦è§ CSS font-family ã
使ç¨ä¸ä¸æ
| åç±» | Presentation attribute |
|---|---|
| å¼ | [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>] | inherit |
| å¯å¨ç» Animatable | Yes |
ä¾å
CSS
p.class1{font-family:"Times New Roman",Times,serif;}
p.class2{font-family:Arial,Helvetica;}
HTML
html
<p class="class1">This is a paragraph, shown in the Times New Roman font.</p>
<p class="class2">This is a paragraph, shown in the Arial font.</p>
å ç´
以ä¸å
ç´ å¯ä»¥ä½¿ç¨font-family å±æ§ (attribute)
è§è
| Specification |
|---|
| CSS Fonts Module Level 4 # generic-font-families |
| CSS Fonts Module Level 4 # font-family-prop |