以前对字体进行设置,我们只能使用这台计算机上有的字体,如果有些好看的字体而电脑上没有就不能使用,
CSS3为我们提供了一种使用任意字体的方式
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>CSS3</title>
<link rel="stylesheet" href="">
<style type="text/css">
*{
padding: 0;
margin: 0;
}
@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf');
}
div
{
font-family:myFirstFont;
}
</style>
</head>
<body>
<div>
使用 CSS3,网站终于可以使用字体以外的预先选择“合法”字体
</div>
</body>
</html>
字体下载地址:
https://www.runoob.com/try/demo_source/Sansation_Light.ttf
@font-size的定义规则:
font-family:必需。规定字体的名称。
src:必需。定义字体文件的 URL。
font-stretch:可选。定义如何拉伸字体。默认是 "normal"。
font-style:可选。定义字体的样式。默认是 "normal"。
font-weight:可选。定义字体的粗细。默认是 "normal"。
unicode-range:可选。定义字体支持的 UNICODE 字符范围。默认是 "U+0-10FFFF"。