通过css来定义字体,文字,大小样式

字体系列

font-family设置文本字体

例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>技术中文网(html99.cn)</title>
<style>
p.serif{font-family:"Times New Roman",Times,serif;}
p.sansserif{font-family:Arial,Helvetica,sans-serif;}
</style>
</head>

<body>
<h1>CSS font-family</h1>
<p class="serif">这一段的字体是 Times New Roman </p>
<p class="sansserif">这一段的字体是 Arial.</p>

</body>
</html>
css Fonts(字体)-技术中文网
font-family

字体样式

设置三个值:正常 倾斜的文字 斜体

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style>
p.normal {font-style:normal;}

p.oblique {font-style:oblique;}

p.italic {font-style:italic;}
</style>
</head>

<body>
<p class="normal">这是一个正常的字体</p>

<p class="oblique">这是一个倾斜的文字</p>

<p class="italic">这是一个斜体的文字</p>
</body>

</html>
css Fonts(字体)-技术中文网
字体的三种样式

字体大小

font-size设置字体大小

通过px和em和%来定义字体大小

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>技术中文网(html99.cn)</title>
<style>
h1 {font-size:50px;}
h2 {font-size:2.5em;}
p {font-size:100%;}
</style>
</head>
<body>

<h1>这是字体50px</h1>
<h2>这是字体2.5em</h2>
<p>这是字体100%</p>
<p>通过px和em和%来定义一个字体的大小</p>


</body>
</html>
css Fonts(字体)-技术中文网
设置字体大小

font字体属性
font-family字体系列
font-size字体大小