index.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>CSS文本样式[上]</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<p>这是html5</p>
</body>
</html>
style.css
@charset "utf-8";
body {
/*font-size: 50px;*/
/*font-variant: small-caps;*/
}
@font-face {
font-family: 'abc';
src: url('BrushScriptStd.otf');
}
p {
font-size: 50px;
/*font-size: xx-small;*/
/*font-size: xx-large;*/
/*font-size: smaller;*/
/*font-size: larger;*/
/*font-variant: small-caps;*/
/*font-variant: normal;*/
/*font-style: italic;*/
/*font-style: oblique;*/
/*font-weight: bold;*/
/*font-weight: bolder;*/
/*font-weight: lighter;*/
/*font-weight: 600;*/
/*font-family: 微软雅黑;*/
/*font-family: 楷体1,微软雅黑1,宋体;*/
/*font: small-caps italic bold 50px 楷体 ;*/
font-family: abc;
}
效果图: