CSS @font-face rule规则-在线运行代码案例-大卫编程网

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>CSS @font-face rule规则示例- 基础教程(div.cn)</title>
<style>
    @font-face {
        font-family: "OpenSans";
        src: url("/run/fonts/OpenSans-Regular.eot");
        src: url("/run/fonts/OpenSans-Regular.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: "OpenSansBold";
        src: url("/run/fonts/OpenSans-Bold.eot");
        src: url("/run/fonts/OpenSans-Bold.ttf") format("truetype");
        font-weight: normal;
        font-style: normal;
    }
    h1 {
        font-family: "OpenSansBold", Arial, sans-serif;    /* Specify the OpenSans bold font */
    }
    p {
        font-family: "OpenSans", Arial, sans-serif;
    }
</style>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落.</p>
</body>
</html>