《六》CSS3字体

以前的CSS版本，网页设计师不得不使用用户计算机上已经安装的字体。使用CSS3，网页设计师可以使用自己的字体。只需简单地将字体文件包含在网站中，就会自动下载给用户。

目前主要的网络字体：

1. True Type(.ttf)格式：是Window和Mac最常见的字体，是一种RAW格式（未经加工），因此不为网站所优化。除IE8及更老IE版本之外，其他大部分浏览器都支持。
2. Open Type(.otf)格式：被认为是一种原始的字体格式。其内置在True Type的基础上，所以提供了更多的功能。除了IE浏览器之外，几乎所有的浏览器都支持。
3. Web Open Font Format(.woff)格式：是web字体中最佳的格式。是一个开放的True Type/Open Type压缩版本。除IE8及更老IE版本之外，其他大部分浏览器都支持。
4. Embedded Open Type(.eot)格式：是IE专用字体。支持浏览器有IE4+。
5. SVG(.svg)格式：是基于SVG字体渲染的一种格式。除了IE浏览器之外，几乎所有的浏览器都支持。

步骤：

1. 从网上下载字体文件到工程项目中，将字体文件包含在网页中，它会自动下载给需要的用户。
2. 在@font-face规则中完成对字体的描述。
   自定义字体类型，使用@font-face规则。

   <style type=”text/css”>
        @font-face{
             font-family:”myFont”;//必选。规定字体的名称
             src:url(“ “);//必选。定义字体文件的url。
             font-style: ;//可选。定义字体的样式。默认是normal。
             font-weight: ;//可选。定义字体的粗细。默认是normal。
             font-stretch: ;//可选。定义如何拉伸字体。默认是normal。
        }
         .myp{
             font:myFont;
        }
   </style>          
   <p class=”myp”> Hello</p>