CSS font-family 属性

7.1. CSS font-family 属性

7.1.1. CSS family-name 系列性字体名称 7.1.2. CSS generic-family 一般性字体名称

font-family -- 定义使用的字体

• 取值: [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ] | inherit
  • [[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]* ]:字体名
    • family-name: 一系列字体名称
    • generic-family: 一般性字体名称,取值:serif,sans-serif,cursive,fantasy,monospace
  • inherit:继承
• 引用网址:http://www.dreamdu.com/css/property_font-family/
• 初始值: 根据用户计算机的默认字体
• 继承性: 是
• 适用于: 所有元素
• font：中文"字体"的意思.family：中文"家族"的意思.

示例

p#songti 
{ 
	font-family:"宋体";
} 

p#Arial 
{ 
	font-family:Arial;
}  

p 
{
	font-family:"宋体",Arial;
}

比如中文的宋体,英文的Arial,可以定义多种字体连在一起,使用,(逗号)分隔

CSS font-family 属性示例 -- 可以尝试编辑

• CSS font-family 属性示例
• CSS generic-family 一般性字体名称示例

说明

• 想要显示的字体一定要是你计算机中有的,否则不会按照你期望的显示.上面的第三个示例说明如果有宋体就显示宋体否则显示Arial字体
• [字体名1 , 字体名2 , *],其中的星号*,表示可以继续增加字体名.如果用户计算机没有安装,你定义的字体名1,系统会自动使用字体名2,如果没有字体名2,系统就再查找字体名3,如果都没有,将使用系统的默认字体
• family-name代表系列性字体的名称,比如可以使用逗号分开,的方式取一系列的值("Times","Arial","Courier"等)
• generic-family代表一般性字体名称,每个名称都可以代表一系列的字体,比如"serif", "sans-serif", "cursive", "fantasy", "monospace"
• 用逗号来分隔每一个值,最好在最后有一个基本字体(generic-family)
• 使用中文字体或者英文名称超过一个单词的字体时要使用"(冒号)扩起来,比如"Times News Roman","宋体"
• HTML的font标签定义了字体,此标签已经被w3c抛弃
• 真正符合标准网页设计的字体定义方法是使用font-family CSS属性