css3引入了@font-face模块，使用该模块可以为网页添加一些优雅的字体，也可以使用字体文件来添加网页小图标，web font的使用已经很广泛，并且浏览器兼容性也很好（所有的浏览器都支持），唯一不足的是需要把字体文件放到服务器上，用户浏览的时候需要下载字体文件，这可能会让用户多等待一点时间，但与优雅的页面比起来，也可以忽略了。不过，这依然需要考虑网页的风格以及面向人群。
在之前如果想引用好看的字体需要用图片替代或者利用flash来完成，现在完全可以用@font-face来替代，下面总结一下@font-face的基本语法。
@font-face {
font-family: 'myFontName';
src: <source> [<format>];
[font-weight: <weight>];
[font-style: <style> ];
}
其中，
[]表示可选内容。
具体说明：
-
font-family -
source