第43章 服务器端字体和@font-face属性
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>在页面上显示服务器端的字体</title>
<style>
@font-face{ font-family:webfont; src:url(font/qtgg.otf);}
@font-face{ font-family:Arial; src:local('Arial');}
h1{ font-family:webfont;}
h2{
font-family:Arial;
font-weight:lighter;
font-size: 10px;
}
h2.bold{
font-weight:bold;
font-size:30px;
}
h2.bolder{
font-weight:bolder;
font-size:50px;
}
</style>
</head>
<body>
<h1>在页面上显示服务器端的字体</h1>
<h1>Hello Html5 Css3</h1>
<h2 class=" bold">Hello Html5 Css3</h2>
<h2 class=" bolder">Hello Html5 Css3</h2>
</body>
</html>效果图：
相关推荐
88467711 2020-03-28
graseed 2020-10-28
SXIAOYI 2020-09-16
jinhao 2020-09-07
yoohsummer 2020-06-01
impress 2020-02-20
chenshuixian 2013-06-01
羽化大刀Chrome 2013-05-31
kanpiaoxue 2013-06-19
quanhaoH 2013-06-17
IT之家 2020-03-11
zbkyumlei 2020-10-12
impress 2020-08-26
liuqipao 2020-07-07
淡风wisdon大大 2020-06-06
chenjia00 2020-05-29
baike 2020-05-19
扭来不叫牛奶 2020-05-08