一般來說css對于字體的設(shè)置都是這樣的，

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;

}