在 Mac 系统中,楷体字体的名称可能与 Windows 系统不同。在 CSS 中,你需要指定正确的字体名称才能正确显示。在 Mac 系统中,楷体的名称通常是 "Kaiti SC"。
所以,你可以尝试将你的 CSS 规则修改为:
font-family: "Kaiti SC", "KaiTi", "楷体", serif;
这样,在 Mac 系统中,浏览器首先会尝试使用 "Kaiti SC" 字体。如果这个字体不可用,它会尝试使用 "KaiTi",然后是 "楷体",最后是默认的衬线字体。
请注意,不同的操作系统可能会有不同的字体名称,所以在编写跨平台的 CSS 时,你可能需要指定多个字体名称。此外,一些字体可能在某些操作系统中不可用,所以你应该始终在 font-family
列表的最后指定一个通用字体族名,以确保在所有系统中都有可用的字体。