返回目录：设置问题
想用CSS设置字体样式，首先得了解CSS 字体属性，CSS 字体属性可以定义文本的字体系列、大小、加粗、风格（如斜体）和变形7a64e78988e69d83338（如小型大写字母）。
如下：
font 简写属性。作用是把所有针对字体的属性设置在一个声明中。
font-family 设置字体系列。
font-size 设置字体的尺寸。
font-size-adjust 当首选字体不可用时，对替换字体进行智能缩放。（CSS2.1 已删除该属性。）
font-stretch 对字体进行水平拉伸。（CSS2.1 已删除该属性。）
font-style 设置字体风格。
font-variant 以小型大写字体或者正常字体显示文本。
font-weight 设置字体的粗细。
如果你希望文档使用一种字体可以这样
body {font-family: sans-serif;}
指定字体系列,如下，这样所有h1标签里面的字体就定义好了
h1 {font-family: Georgia;}
其中他们优先级是 h1>body
注意：如果读者没有安装 Georgia字体，会默认为其他字体，如果您对字体非常熟悉，也可以为给定的元素指定一系列类似的字体。要做到这一点，需要把这些字体按照优先顺序排列，然后用逗号进行连接：
p {font-family: Times, TimesNR, 'New Century Schoolbook',
Georgia, 'New York', serif;}
如果把一个 font-family 属性放在 HTML 的 style 属性中，则需要使用该属性本身未使用的那种引号如：
<p style="font-family: Times, TimesNR, 'New Century Schoolbook', Georgia,
'New York', serif;">...</p>
字体风格
font-style 属性最常用于规定斜体文本。
该属性有三个值：
•normal - 文本正常显示
•italic - 文本斜体显示
•oblique - 文本倾斜显示
实例
p.normal {font-style:normal;}
p.italic {font-style:italic;}
p.oblique {font-style:oblique;}
字体变形
font-variant 属性可以设定小型大写字母。
小型大写字母不是一般的大写字母，也不是小写字母，这种字母采用不同大小的大写字母。
实例
p {font-variant:small-caps;}
字体加粗
font-weight 属性设置文本的粗细。
使用 bold 关键字可以将文本设置为粗体。
关键字 100 ~ 900 为字体指定了 9 级加粗度。如果一个字体内置了这些加粗级别，那么这些数字就直接映射到预定义的级别，100 对应最细的字体变形，900 对应最粗的字体变形。数字 400 等价于 normal，而 700 等价于 bold。
如果将元素的加粗设置为 bolder，浏览器会设置比所继承值更粗的一个字体加粗。与此相反，关键词 lighter 会导致浏览器将加粗度下移而不是上移。
实例
p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}
字体大小
font-size 属性设置文本的大小。
有能力管理文本的大小在 web 设计领域很重要。但是，您不应当通过调整文本大小使段落看上去像标题，或者使标题看上去像段落。
请始终使用正确的 HTML 标题，比如使用 <h1> - <h6> 来标记标题，使用 <p> 来标记段落。
font-size 值可以是绝对或相对值。
绝对值：
•将文本设置为指定的大小
•不允许用户在所有浏览器中改变文本大小（不利于可用性）
•绝对大小在确定了输出的物理尺寸时很有用
相对大小：
•相对于周围的元素来设置大小
•允许用户在浏览器改变文本大小
注意：如果您没有规定字体大小，普通文本（比如段落）的默认大小是 16 像素 (16px=1em)。
使用像素来设置字体大小
通过像素设置文本大小，可以对文本大小进行完全控制：
实例
h1 {font-size:60px;}
h2 {font-size:40px;}
p {font-size:14px;}
用font-family:宋体即可。
fon标记是HTML里最常用的文字格式控制标记，通过改变font标记的属性可以改变文字的大小颜色字体等,但在XHTML里font标记应用比较少。font标记的最主要属性有如下三个:
face：font标记的face属性指定文字的字体。face属性可以一次设定一个或多个值。因为用face属性设定字体还会遇到这样e799bee5baa6e997aee7ad94e78988e69d83333一种情况：你设定的那种字体在一些用户的计算机上没有安装。例如：face="华文彩云,
琥珀体,隶书,华文行楷,黑体">。如果你的计算机上安装了华文彩云的字体，上面的例子里的字就会是华文彩云体的，如果没有安装华文彩云字体，那么就会寻找琥珀体, 隶书, 华文行楷, 黑体字体中安装了的一种字体来显示，优先顺序是华文彩云, 琥珀体, 隶书, 华文行楷, 黑体。
size：font标记的size属性指定文字的大小，它的取值范围是1—7，当它取值为“1”时文字最小取值为7时文字最大，默认值是3。
color：font标记的color属性可以指定文字的颜色，它的取值有用英文关键字、十六进制颜色代码、rgb函数三种类型。在本小节只学习用英文关键字这种取值的使用，十六进制颜色代码、rgb函数表示不同色彩的代码将在后面的章节里学习。
语法：
font：[ [ <font-style> || <font-weight> ][ <font-size> <font-family> ]
默认值：看独立属性自身
取值：
<font-style>：
指定文本字体e68a84e8a2ad7a686964616f366样式
<font-variant>：
指定文本是否为小型的大写字母
<font-weight>：
指定文本字体的粗细
<font-size>：
指定文本字体尺寸
<line-height>：
指定文本字体的行高
<font-family>：
指定文本使用某个字体或字体序列
这是一段修饰文字的代码：
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>font_CSS参考手册_web前端开发参考手册系列</title>
<meta name="author" content="Joy Du(飘零雾雨), " />
<meta name="copyright" content="" />
<style>
.test p{margin:15px 0;border:1px solid #000;}
.font1 p{font:18px Simsun,arial,sans-serif;}
.font2 p{font:italic 18px Simsun,arial,sans-serif;}
.font3 p{font:italic small-caps 18px Simsun,arial,sans-serif;}
.font4 p{font:italic small-caps bold 18px Simsun,arial,sans-serif;}
.font5 p{font:italic small-caps bold 18px/2 Simsun,arial,sans-serif;}
.caption p{font:caption;}
.icon p{font:icon;}
.menu p{font:menu;}
.message-box p{font:message-box;}
.small-caption p{font:small-caption;}
.status-bar p{font:status-bar;}
</style>
</head>
<body>
<ul class="test">
<li class="font1">
<strong>只指定字体大小和字体：</strong>
<p>本段文字将显示为18px宋体。</p>
</li>
<li class="font2">
<strong>只指定字体样式、大小和字体：</strong>
<p>本段文字将显示为斜体的18px宋体。</p>
</li>
<li class="font3">
<strong>只指定字体样式、小型大写字母、大小和字体：</strong>
<p>本段文字将显示为斜体的带小型大写字母的18px宋体。大小型大写字母对比：AaBbCcDdEeFfGg</p>
</li>
<li class="font4">
<strong>只指定字体样式、小型大写字母、粗细、大小和字体：</strong>
<p>本段文字将显示为斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="font5">
<strong>只指定字体样式、小型大写字母、粗细、大小、行高和字体：</strong>
<p>本段文字将显示为行高为2的斜体的带小型大写字母的加粗18px宋体。</p>
</li>
<li class="caption">
<strong>指定字体为caption：</strong>
<p>本段文字将以caption的字体显示。</p>
</li>
<li class="icon">
<strong>指定字体为icon：</strong>
<p>本段文字将以icon的字体显示。</p>
</li>
<li class="menu">
<strong>指定字体为menu：</strong>
<p>本段文字将以menu的字体显示。</p>
</li>
<li class="message-box">
<strong>指定字体为message-box：</strong>
<p>本段文字将以message-box的字体显示。</p>
</li>
<li class="small-caption">
<strong>指定字体为small-caption：</strong>
<p>本段文字将以small-caption的字体显示。</p>
</li>
<li class="status-bar">
<strong>指定字体为status-bar：</strong>
<p>本段文字将以status-bar的字体显示。</p>
</li>
</ul>
</body>
</html>
复制上面这段代码编辑成.html格式文件用浏览器打开即可查看文字属性信息，如果没有编辑软件那就使用记事本编辑保存文件后缀为.html打开即可
font-family:'Microsoft YaHei'。
1、网页字体样式华文黑体：STHeiti
2、网页字体样式华文楷体：STKaiti
3、网页字体样式华文宋体：STSong
4、网页字体样式华文仿宋：STFangsong
5、网页字体样式黑体：SimHei
6、网页字体样式宋体：SimSun
7、网页字体样式新宋体：NSimSun
8、网页字体样式仿宋：FangSong
9、网页字体样式楷体：KaiTi
10、网页字体样式仿宋_GB2312：FangSong_GB2312
11、网页字体样式楷体_GB2312：KaiTi_GB2312
12、网页字体样式微软正黑体：Microsoft JhengHei
13、网页字体样式微软雅黑体：Microsoft YaHei
14、网页字体样式隶书：LiSu
15、网页字体样式幼圆：YouYuan
16、网页字体样式华文细黑：STXihei
17、网页字体样式华文楷体：STKaiti
18、网页字体样式华文宋体：STSong
19、网页字体样式华文中宋：STZhongsong
20、网页字体样式华文仿宋：STFangsong
21、网页字体样式方正舒体：FZShuTi
22、网页字体样式方正姚体：FZYaoti
23、网页字体样式华文彩云：STCaiyun
24、网页字体样式华文琥珀：STHupo
25、网页字体样式华文隶书：STLiti
26、网页字体样式华文行楷：STXingkai
27、网页字体样式华文新魏：STXinwei
扩展资料
html内容描述
<h1></h1> 最大的标题（一号标题）
<pre></pre> 预先格式化文本 （英文全e799bee5baa6e59b9ee7ad94334称：PREformatted）
<u></u> 下划线（英文全称：Underline）
<b></b> 黑体字 （英文全称：Bold）
<i></i> 斜体字 （英文全称：Italics）
<tt></tt>打字机风格的字体
<cite></cite>引用，通常是斜体
<em></em> 强调文本（通常是斜体加黑体、英文全称：EMphasize）
<strong></strong> 加重文本（通常是斜体加黑体）
<font size="" color=""></font> 设置字体大小从1到7，颜色使用名字或RGB（中文全称：红绿蓝）的十六进制值
<BASEFONT></BASEFONT>基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<DELECT></DELECT> 加删除线
<CODE></CODE>程式码
<KBD></KBD>键盘字（英文全称：KeyBoarD）
<SAMP></SAMP> 范例（英文全称：SAMPle）
<VAR></VAR> 变量（英文全称：VARiable）
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排（向右缩进、块引用）
<DFN></DFN> 述语定义（英文全称：DeFiNe）
<ADDRESS></ADDRESS>地址标记
<sup></SUP> 上标字 （英文全称：SUPerscript）
<SUB></SUB> 下标字（英文全称：SUBscript）
<xmp>...</xmp>；固定宽度字体（在文件中空白、换行、定位功能有效）
<plaintext>...</plaintext>；固定宽度字体（不执行标记符号）
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>；字体 颜色
<font size=1>...</font>；字体 大小等于1（最小）。
<font style ='font-size:100 px'>...</font>；字体 样式等于无限增大（100像素）
参考资料：百度百科：HTML