CSS3字体效果的设置方法小结

1. text-overflow:clip;        /*表示剪切*/   text-overflow:ellipsis; /*表示显示省略标记*/  
2. <style type="text/css">    .test_demo{   
3.     text-overflow:ellipsis;        overflow:hidden;   
4.     whitewhite-space:nowrap;       /*强制文本在一行内显示*/       width:200px;   
5.     background:#ccc;    }   
6. </style>      
7. <div class="test_demo">      超酷的IT技术学习平台（我是省略号）   
8. </div>  

3. 嵌入字体 @font-face
这个重点讲一下。
@font-face是CSS3中的一个模块，他主要是把自己定义的Web字体嵌入到你的网页中，随着@font-face模块的出现，我们在Web的开发中使用字体不怕只能使用Web安全字体，你们当中或许有许多人会不自然的问，这样的东西IE能支持吗？当我告诉大家@font-face这个功能早在IE4就支持了你肯定会感到惊讶。我的Blog就使用了许多这样的自定义Web字体，比如说首页的Logo，Tags以及页面中的手写英文体，很多朋友问我如何使用，能让自己的页面也支持这样的自定义字体，一句话这些都是@font-face实现的，为了能让更多的朋友知道如何使用他，今天我主要把自己的一点学习过程贴上来和大家分享。