码迷,mamicode.com
首页 > Web开发 > 详细

CSS 字体

时间:2016-05-20 11:53:01      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

1.font-family

不限长度的字体列表,字体包含空格须用引号包含如:"Times Now Roman"

通用字体族(所有操作系统都可用,作为备用字体放在列表末尾)

通用字体 包含的相关字体
serif Times, Times New Roman

sans-serif

(sans指无额外装饰,比serif更易阅读)

Arial, Helvetica
monospace Courier, Courier New

 

 

 

 

 

 

2.font-size

不指定时,浏览器默认为16px(=1em)

在所有浏览器显示相同文本大小并允许缩放的解决方案——百分比+em:

1 body{font-size: 100%;}
2 h1{font-size: 2.5em;}
3 h2{font-size: 1.875em;}
4 p{font-size: 0.875em;}

3.font-style: normal/italic/oblique

当所用字体无斜体样式时,Safair使用默认字体,IE忽略该样式使用原字体。

4.font-weight:normal / bold

5.font-variant: normal / small-caps(小型大写字母)

 

简写:    font:font-size, font-family [其他可选]   / line-height


 

CSS3.0服务器端字体——@font-face——IE9及以上支持

1 @font-face{
2     font-family:WebFont;
3     src: url(‘Fontin_Sans_R_45b.otf‘)  format("opentype");/*字体文件路径和字体文件格式*/
4     font-weight: normal;  
5 }
6 h1{
7     font-family: WebFont;    
8 }
1 @font-face{
2     font-family: Helvetica;
3     src: local("Helvetica Neue") , url(‘服务器端字体‘); /*先搜索本地字体,再搜索服务器上的字体*/
4 }

 

CSS 字体

标签:

原文地址:http://www.cnblogs.com/zhu-jian/p/5511312.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!