css3 重命名字体

一般来说css对于字体的设置都是这样的，

body {

  font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;

}

ps： 在css中如果字体之间有空格需要用引号括起来。

那么多字体的名字，如何将它们合并成一个呢？

在css3中有个 @font-face 属性

@​font-face{

  font-family: myFont;

  src:local(Monaco),local(Menlo),local(Ubuntu Mono), local(Consolas),local(source-code-pro), local(monospace);

}

这样就可以了，使用如下：

body {

  font-family: myFont;

}