@font-face

css3中字体的设定 （@font-face）

在css3之前，我们设定字体的时候会考虑大多数用户电脑上都有的字体，字体死板、空洞，没有艺术，美感，而现在css3为我们提供了自定义字体这一属性；你想怎么设定就怎么设定；

1. 先在网上下载好你要用的字体，然后放到你的项目文件夹下，最好新建一个文件夹font把字体放进去（就像你在项目文件中建立的css/js文件夹一样）
2. 在.css文件中引入你的字体样式（@font-face）
3. @font-face:font_family|src|font-strech|font-style|font-weight|unicode-range;
   
   1. font—family：必须：规定字体的名称（假设为name）
   2. src：必须：定义字体文件的URL
   3. font-stretch:可选：定义如何拉伸字体（默认”normal”）
      
      1. 值较多，大家可以到w3c上看看；
   4. font-style:可选：第一字体的样式（默认”normal”）
      
      1. italic：斜体
   5. font-weight:可选：定义字体的粗细（默认是”normal”）
      
      1. bold/100^900
   6. unicode-range:可选：定义字体支持的unicode字符范围（默认是”U+0-10FFFF”）
      
      1. 这个其实可以实现字体的混搭，找到你要改变字体的字符范围；unicode-range: U+00-FF;当然你也可以把你要修改的字用span标签包裹；
4. 在你所需要的文字样式中调用，你设定的font—family：name

---

<style type="text/css">
@font-face {
font-family: name;
src: url("font/叶根友微影体.ttf");
}
p{
font-family: name;
}
</style>