1. Arial, Helvetica, sans-serif:
- Arial 是Windows上的常见字体,而Helvetica是Mac上的类似字体。这个通用字体族在多个平台上有很好的兼容性。
body {
font-family: "Arial", "Helvetica", sans-serif;
}
2. Georgia, serif:
- Georgia 是一种衬线字体,通常在Windows和Mac上都有良好的显示效果。
h1, h2, h3 {
font-family: "Georgia", serif;
}
3. "Times New Roman", Times, serif:
- Times New Roman 是一种衬线字体,适用于正式文档。
p {
font-family: "Times New Roman", Times, serif;
}
4. "Courier New", Courier, monospace:
- Courier New 是一种等宽字体,适用于展示代码或其他等宽文本。
code {
font-family: "Courier New", Courier, monospace;
}
5. Verdana, Geneva, sans-serif:
- Verdana 是一种宽松的无衬线字体,特别适用于小字号文本。
.small-text {
font-family: "Verdana", "Geneva", sans-serif;
}
这些字体族通常在大多数操作系统上都有很好的显示效果,但请注意,具体的显示效果还取决于用户的操作系统和浏览器设置。在选择字体时,最好提供备用字体以防首选字体不可用。此外,可以考虑使用Web字体(Web Fonts)来更灵活地定义字体,例如使用Google Fonts或其他字体提供商的服务。
转载请注明出处:http://www.pingtaimeng.com/article/detail/12586/CSS