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;
}

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;
}