css 字体组合 |css下的第二个标签

1.基础字体组合

body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

上面的代码定义了 body 元素中的字体样式，使用了 Helvetica Neue 字体，如果该字体不可用，则使用 Helvetica 字体，如果还不可用，则使用 Arial 字体，最后的备选字体是 sans-serif 西文字体，也就是无衬线字体。

2.中文和西文字体组合

body {
font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

中文字体的兼容性较差，常用的中文字体有常州方正兰亭中黑、苹方、思源黑体等。有些需要兼容旧浏览器的情况下，可以将中文字体放在前面，以确保字体的正确展示。

3.等宽字体组合

code, pre {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

在代码块中经常使用等宽字体，这样可以使代码更容易阅读和调试。常见的等宽字体有 Menlo、Monaco、Consolas 等。

总结：在选择字体组合时，要考虑到页面的整体风格，选用相互搭配的字体组合，同时也要考虑兼容性，避免一些用户无法正常浏览。