CSS字体 - 喵喵知识园

尺寸

属性：font-size
值：数字或者百分比

<style>
    p.wushi{
        font-size: 50%;
    }
    p.sanshipx{
        font-size: 30px;}
</style>

<p>正常大小</p>
<p class="wushi">50%文字</p>
<p class="sanshipx">30px文字</p>

风格
font-style:
normal 标准字体
italic 斜体

粗细

属性 font-weight
normal 标准粗细
bold 粗一点

<style>
   p.b{
       font-weight: normal;

   }
   p.c{
       font-weight: bold;
   }
</style>

<p>标准字体</p>
<p class="b">标准字体</p>
<p class="c">粗一点</p>

字库
属性font-family

<style>
    p.f1{
        font-family: 'Times New Roman', Times, serif;
    }
    p.f2{font-family: Arial;}
    p.f3{font-family: 宋体;}
    p.f4{font-family: 黑体;}
    p.f5{font-family: 楷体;}
    p.f6{font-family: 微软雅黑;}

</style>

<p>默认字库font family:default</p>
<p class="f1">设置字库 font-family: Times New Roman</p>
<p class="f2">设置字库 font-family: Arial</p>
<p class="f3">设置字库 font-family: 宋体, 这种字体是IE默认字体</p>
<p class="f4">设置字库 font-family: 黑体</p>
<p class="f5">设置字库 font-family: 楷体</p>
<p class="f6">设置字库 font-family: 微软雅黑, 这个字体是火狐默认字体</p>

声明在一起

把大小，风格，粗细，字库都写在一行里面

<style>
p.all{
   font:italic bold 30px "Times New Roman";
}
 
</style>
 
<p>默认字体</p>
 
<p class="all">斜体的 粗体的 大小是30px的 "Times New Roman" </p>
双击选中所有代码

评论