Css3 @font-face在实际项目中如何使用

@font-face 是 css3 中的一部分内容，它有什么作用呢？主要是用来自定义一些 web 字体用来嵌入到你的网页中，就比如说码云笔记四个字就是我通过@font-face 来自定义的。可以说通过 css3 出来这一属性后，我们再也不用担心只能使用 web 安全字体了，你可以根据自己的需要来设定自己任意喜欢的字体，而且能够很好的兼容 IE，为了让大家都会用它，我决定把我自己在项目中用的方法和心得整理出来和大家分享。

以码云笔记为例

这样的字体是不是很让我们感觉特别的新颖了呢，就不用在用 UI 做一张字体图片上去了。

再和大家介绍 css3 @font-face 之前，为大家补充一下基础知识。

一、@font-face 的语法规则

@font-face {
font-family： ;//定义字体名称
src:  [

][,[]]*; [font-weight: ]; [font-style: