css3 字体

今天无意当中学习了css3中文字方面的新属性

1、text-shadow 给文字添加阴影

     text-shadow:length length length color

     第一个length:横向距离

     第二个length:纵向距离

     第三个length:模糊程度

     color:阴影的颜色

    比如：text-shadow:5px 5px 5px red;

2、使用服务器端的字体

    @font-face{

       font-family:WebFont;

       src:local('宋体')                  //本地字体

            url('...')format('true');     //服务端字体

    }

   div{

      font-family:WebFont;  

      }

   如果本地字体不存在，则引用服务端字体

3、修改字体种类而不改变字体尺寸

      div{

      font-family:'Menlo';

      font-size:15px;

      font-size-just:0.6;

      }

 div{

      font-family:'Lantinghei SC';

      font-size:15px;

      font-size-just:0.6;

      }

font-size-ajust值得计算

font-size-ajust: aspect=height/font-size; height是字体本身的高度，font-size为15px;