CSS3文本和字体

Internet Explorer 10、Firefox、Chrome、Safari 以及 Opera 支持 text-shadow 属性。
所有主流浏览器都支持 word-wrap 属性。
1.文本
阴影：
参数分别为：水平阴影，垂直阴影，模糊距离以及阴影的颜色

h1
{
text-shadow: 5px 5px 5px #FF0000;
}

自动换行
在 CSS3 中，word-wrap 属性允许您允许文本强制文本进行换行 - 即使这意味着会对单词进行拆分：

p {word-wrap:break-word;}

2.字体
在css3之前，web设计师必须使用已经在用户计算机上安装好的字体。
有了css3.可以将字体文件村放在web服务器上，它在需要时被自动下载到用户的计算机上。

<style> 
@font-face
{
font-family: myFirstFont;
src: url('/example/css3/Sansation_Light.ttf')
    ,url('/example/css3/Sansation_Light.eot'); /* IE9+ */
}

div
{
font-family:myFirstFont;
}
</style>
<div>
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts.
</div>