CSS font-family的使用

最新推荐文章于 2024-07-06 00:34:38 发布

转载最新推荐文章于 2024-07-06 00:34:38 发布 · 3.5k 阅读

文章标签：

#font-family #CSS

css 专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍了 CSS 中 font-family 属性的使用方法，包括如何指定优先级、使用通用字体族以及正确书写中英文字体名称等内容，并提供了多个实际应用案例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一、语法

font-family：[ <family-name> | <generic-family> ] [, <family-name>| <generic-family>]*

说明

1、<family-name>：字体名称。按优先顺序排列。以逗号隔开。如果字体名称包含空格或中文，则应使用引号括起

2、<generic-family>：字体序列名称。下列字体中的任何一种：serif, sans-serif, cursive, fantasy, monospace。

3、想要显示的字体一定要是你计算机中有的,否则不会按照你期望的显示.上面的第三个示例说明如果有宋体就显示宋体否则显示Arial字体

4、[字体名1 , 字体名2 , *],其中的星号*,表示可以继续增加字体名.如果用户计算机没有安装,你定义的字体名1,系统会自动使用字体名2,如果没有字体名2,系统就再查找字体名3,如果都没有,将使用系统的默认字体

5、用逗号来分隔每一个值,最好在最后有一个基本字体(generic-family)

6、使用中文字体或者英文名称超过一个单词的字体时要使用"(冒号)扩起来,比如"Times News Roman","宋体"

7、HTML的font标签定义了字体,此标签已经被w3c抛弃，真正符合标准网页设计的字体定义方法是使用font-family CSS属性

实例

font-family:'lucida Grande', Tahoma, Arial, Helvetica, 宋体, sans-serif;
font-size:14px;
line-height:21px;
color:#454545;

 
font-family:'Microsoft YaHei', 微软雅黑, 'Microsoft JhengHei', 宋体;
font-size:14px;
line-height:21px;
color:#454545;

 
font-family:verdana, sans-serif;
font-size:18px;
line-height:;
color:#969696;

 
font-family:arial, sans-serif;
font-size:36px;
line-height:36px;
color:#3e3e3e;

 
font-family:Arial, 宋体;
font-size:12px;
line-height:18px;
color:#333333;

文章转载自： CSS font-family http://www.studyofnet.com/news/401.html