CSS字体样式

 

样式一：
 

1. body {

2. margin: 0;

3. padding: 0;

4. line-height: 1.5em;

5. font-family: "Times New Roman", Times, serif;

6. font-size: 14px;

7. color: #000000;

8. background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat;

9.  

10. }

样式二：

1. body {

2. background:#2f373a;

3. font-family:Arial,Helvetica,sans-serif;font-size:100%;

4. line-height:1em;color:#4e4e4e;

5. min-width:920px;

6. border-top:10px solid #0c0e0e

7. }

8.  

样式三：

1. body {

2. font-family:Arial,Helvetica,sans-serif;

3. font-size:1em;

4. vertical-align:middle;

5. font-weight:normal

6. }

样式四：

1. body

2. {

3. margin:0px;

4. padding:0px;

5. background-color:#E7EAEB;

6. font-family:"微软雅黑","黑体","宋体";

7. font-size:12px;

8. height:36px;

9.  

10. }

样式五：

1. body

2. {

3. font: .8em Arial, Tahoma, Verdana;

4. background: #fff url(../images/bg.gif) repeat-x;

5. color: #777;

6. }

样式六：

1. body

2. {

3. width:auto; margin-top:12px;

4. float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

5. font-size:11px;

6. color:#999999;

7. line-height:25px;

8. letter-spacing:1px

9. }

样式七：

1. body

2. {

3. width:auto;

4. margin-left:1px;

5. float:left;

6. font-family:Arial, Helvetica, sans-serif;

7. font-size:13px;

8. color:#5f5f5f;

9. line-height:35px;

10. text-transform:uppercase

11. }

12.  

样式八：

1. body {background: #e1e5e8;font-family: "Georgia", Tahoma, Sans-Serif;font-size: 12px;line-height: 18px;color: #888;

2. }

样式九：

1. body

2. {

3. width:130px; height:20px;

4. background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00;

5. color:#317400;

6. font:18px/14px Georgia, "Times New Roman", Times, serif;

7. margin:34px 0 0 37px;

8. }

样式十：

1. body

2. {

3. display:block;

4. width:94px;

5. height:20px;

6. background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00;

7. color:#01699F;

8. font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none;

9. }

10.  

样式十一：

1. body {margin: 0;padding: 0;line-height: 1.5em;font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #33322e;background: #39443D url(images/templatemo_body_bg.jpg) repeat-x;

2. /* background: #47443c url(images/templatemo_body_bg_2.jpg) repeat-x; */

3. }

样式十二：

1. body {margin: 0;padding: 0;line-height: 1.5em;font-family: Tahoma, Geneva, sans-serif;font-size: 12px;color: #6f6f6f;

2. background: #2ac5c0 url(images/templatemo_body_top.jpg) repeat-x;

3. }

样式十三：

1. body {margin: 0;padding: 0;line-height: 1.5em;font-family: Verdana, Geneva, sans-serif;font-size: 11px;color: #ffffff;background: #005b7f;

2. }

样式十四：

1. body {margin: 0;padding: 0;line-height: 1.7em;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;color: #333333;

2. background: #000000 url(images/templatemo_main_bg.jpg) repeat-y center;

3. }

样式十五：

1. body {margin: 0;padding: 0;line-height: 1.7em;font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #707b84;background: #3e464d;

2. }

样式十六：

1. body {margin: 0;padding: 0;line-height: 1.7em;letter-spacing: 1px;font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #333;

2. background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;

3. }

样式十七：

1. body {margin: 0;padding: 0;line-height: 1.7em;letter-spacing: 1px;font-family: Georgia, "Times New Roman", Times, serif;font-size: 12px;color: #333;

2. background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;

3. }

样式十八：

1. body

2. {

3. background:url(images/bg.gif) repeat #000000;

4. padding:0; font-family:arial, sans-serif; font-size:12px;

5. margin:0px auto auto auto;

6. color:#36322b;

7. }

样式十九：

1. body

2. {

3. margin:0px;

4. padding:0px;

5. background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4;

6. color:#6B6854;

7. font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;

8. }

样式二十：

1. body

2.  

3. {

4. font-family:Georgia;

5. font-family:Arial;

6. }

著名网站使用字体实例：

例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;

例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;

例3（加网 ）： font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;

例4（淘宝UED）： font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;

例5（一淘UX）:  font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;