Css3学习笔记（三）：文字与字体

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

[id="section1-2"]{
	color:navy;
	text-shadow: 5px 5px 5px gray;
	font-size:50px;
	font-weight:bold;
	font-family:微软雅黑;
}

指定多个阴影：

[id="section1-2"]{
	color:navy;
	text-shadow: 5px 5px 5px gray,
				40px 35px 5px #fff100,
				70px 60px 5px #c0ff00;
	font-size:50px;
	font-weight:bold;
	font-family:微软雅黑;
}

2. 文本自动换行word-break

div{
	word-break: keep-all;
}

可选参数：normal,keep-all,break-all.

3. 长单词与URL地址自动换行word-wrap

div{
	word-wrap: break-word;
}

4. 服务器端字体Web Font 、@font-face

@font-face{
	font-family: WebFont;
	src: url("font/Fontin_Sans_R_45b.otf") format("opentype");
	font-weight: normal;
}

5. 字体大小自适应font-size-adjust

div{
	font-size:16px;
	font-family:Times New Roman;
	font-size-adjust:0.46;
}