CSS3 嵌入字体 @font-face

@font-face能够加载服务器端的字体文件，让浏览器端可以显示用户电脑里没有安装的字体。

@font-face {
    font-family : 字体名称;
    src : 字体文件在服务器上的相对或绝对路径;
}

<style type="text/css">
@font-face{
    font-family: "MOOC Font";/*必须项，设置@font-face中font-family同样的值*/
    src: url("http://www.imooc.com/Amaranth-BoldItalic.otf");
}
.demo {
    font-family: "MOOC Font";
}
</style>  

http://www.imooc.com/code/645