字体样式

1、字体名称：font-family:<family-name> 

说明：设置文字名称，可以使用多个名称，或者使用逗号 分隔，浏览器则按照先后顺序依次使用可用字体。

2、字体大小：font-size：xxpx；

3、字体粗细：font-weight：normal（正常）/bold (加粗）；

4、控制字体是否倾斜：font-style：normal （正常）、 italic （设置字体属性倾斜倾斜）、 oblique （设置字体倾斜）

5、字体样式缩写：font : font-style || font-variant || font-weight || font-size || / line-height || font-family
例：p{

font-style:italic;

font-weight:bold;

font-size:14px;

line-height:22px;

font-family:宋体;

}

缩写后：p { font:italic bold 14px/22px 宋体}

6、字体颜色：color

7、嵌入字体：@font-face

语法：

@font-face {

font-family : 自定义字体名称;

src : url(字体文件在服务器上的相对或绝对路径)  format(字体类型);

}

例：@font-face {/*该写法是兼容所有的浏览器*/

font-family : bgg;

src: url('fonts/fontawesome-webfont.eot'), /* IE9+ */

url('fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

url('fonts/fontawesome-webfont.woff') format('woff'), /* chrome、firefox */

url('fonts/fontawesome-webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari,Android, iOS 4.2+*/

 url('fonts/fontawesome-webfont.svg') format('svg'); /* iOS 4.1+ */

}