今天講下HTML中，CSS樣式裡的字體屬性。CSS Fonts(字體)屬性用于定義字體系列、大小、粗細和文字樣式(如斜體)。
字體系列:
CSS中使用font-family 屬性定義文本的字體系列。語法如下:
p {
font-family: "微軟雅黑";
}
<div font-family: Arial,"Microsoft Yahei","微軟雅黑";></div>
我們來看個實例:
可以看到将标題進行了字體設置，來看下具體的代碼:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS字體屬性之字體系列</title>
<!--對h2修改下字體-->
<style>
h2 {
font-family: "宋體";
}
</style>
</head>
<body>
<h2>明月幾時有</h2>
<p>明月幾時有，把酒問青天</p>
<p>不知天上宮阙，今夕是何年</p>
<p>我欲乘風歸去，又恐瓊樓玉宇</p>
<p>高處不勝寒，起舞弄清影，何似在人間。</p>
</body>
</html>
其中
<style>
h2 {
font-family: "宋體";
}
</style>
就是設置字體的地方
嘗試修改為另外一種字體，如微軟雅黑，讓我們看看效果
具體對應的代碼為:
<style>
h2 {
font-family: "微軟雅黑";
}
</style>
還可以用兩個字體，效果如下:
對應的代碼為:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>CSS字體屬性之字體系列</title>
<!--對h2修改下字體-->
<style>
h2 {
font-family: "微軟雅黑";
}
p {
font-family: "宋體";
}
</style>
</head>
<body>
<h2>明月幾時有</h2>
<p>明月幾時有，把酒問青天</p>
<p>不知天上宮阙，今夕是何年</p>
<p>我欲乘風歸去，又恐瓊樓玉宇</p>
<p>高處不勝寒，起舞弄清影，何似在人間。</p>
</body>
</html>
建議不要直接使用中文，最好使用英文，微軟雅黑對應的是 Microsoft YaHei
我們替換後試下:
字體沒變，還是一樣，但是代碼變了
<style>
h2 {
font-family: "Microsoft YaHei";
}
p {
font-family: "宋體";
}
</style>
不僅可以寫一個字體，還可以寫多個字體，之間用空格隔開。各種字體之間必須使用英文的逗号符号。一般情況下，如果有空格隔開的多個單詞組成的字體，需要加引号。盡量使用系統自帶的默認字體，保證在任何用戶的浏覽器中能夠正常顯示。
寫多個字體的好處就是:
當浏覽器運行并調用字體代碼時，會按照順序先查看第一個字體，如果系統中沒有，會自動調用第二個字體，直到找到匹配的字體。
,更多精彩资讯请关注tft每日頭條，我们将持续为您更新最新资讯!
zpostcode 
Recruit 
weather 
mreligion 
Yellowpages 
sport 
constellation 
shopping 
name 
game 
directory 
literature 
Word 
tour 
furnish 
Lottery 
tftnews 
lyrics 
News 
digital 
car 
dir 
Edu 
Finance 
