45.字体族 - 《CSS》

html:
代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/76字体族.css">
</head>
<body>
    <p>Hello World! 大鹏一日同风起，扶摇直上九万里</p>
</body>
</html>

css:
（1）serif是带衬线的字体，即，带有下面的衬线
（2）sans-serif不带有衬线的字体，即
（3）cursive是一种等宽字体，即，所有字母宽度相同
（4）@font-face {
font-family: ‘’;
src: url(‘’) format(‘’);
}
这是引用网上的字体，其中font-family: 是取名字，在body中使用时，还要取得名字使用

p {
    color: black;
    font-family: 'my font';
    font-size: 16px;
}
@font-face {
    font-family: 'my font';
    src: url('../font/字体视界法棍体拼音版.ttf') format('truetype');
}