@font-face 简述

有关 css 字体控制之 @font-face 简述，@font-face 是 css 控制字体的一种方式。

 

1. 字体文件

    字体文件分为 .ttf , .eot, .otf 等等文件。而应该注意的是浏览器对字体的类型的解析。ie6, ie7, ie8 只支持 eot 字体文件， 大多数的浏览器都支持 ttf 格式的字体文件。但是有些 eot 字体文件也是不被 ie 浏览器识别的，那么我们就只能找相近的可被识别的字体来替换。

 

2. 有关 @font-face 的写法。
@font-face{

     font-family: "Quicksand";

     font-style: normal;

     font-weight: 400;

     src: url(Quicksand_Book-webfont.ttf);

}

 

@font-face{

     font-family: "Quicksand";

     font-style: italic;

     font-weight: 400;

     src: url(Quicksand_Book_Oblique-webfont.ttf);

}

 

h1{font-family: Quicksand;  }

h2{font-family: Quicksand; font-style: italic;}