字体样式复习

自定义字体

@font-face {

font-family:'xiyangyang' ;                                         /* 你给字体起的名字 */

       src: url(./字体/MeowScript-Regular.ttf);                    /* 引入字体的路径 */

}                                   

p{color: #f00;

   font-size: 50px;

   font-family:'xiyangyang';  

}

@font-face {

      font-family:'meiyangyang' ;

      src: url(./字体/ZCOOLKuaiLe-Regular.ttf);

      }

 span{

      color: green;

      font-size: 50px;

      font-family: 'meiyangyang';

    }

 span{

        font-family: Verdana, Geneva, Tahoma, sans-serif;

      }

 <span>化语仍谭，韩是是非。</span>

<p style="font-size: 20px; font-family: serif">衬线字体：我是一段文字，ABCDEFGabcdefg</p>

    <p style="font-size: 20px; font-family: sans-serif">非衬线字体：我是一段文字，ABCDEFGabcdefg</p>

    <p style="font-size: 20px; font-family: monospace">等宽字体：我是一段文字，IHABCDEFGabcdefg</p>

    <p style="font-size: 20px; font-family: cursive">草书字体：我是一段文字，ABCDEFGabcdefg</p>

    <p style="font-size: 20px; font-family: fantasy">虚幻字体：我是一段文字，ABCDEFGabcdefg</p>

一般会将字体的大分类，指定为font-family中的最后一个字体  ,用来兜底

例如span和第二行p的字体

font-size:                                    

font-family:                                     

font-style:                                      

font-weight  

font-variant 不重要，几乎不用

 font简写模式

 大小，跟字体必须要写，而且大小必须在倒数第二位，字体必须在倒数第一位

font: italic bold 40px serif;