CSS3 字体系列在 safari 中不起作用

Question

我在更改 h1 和 p 标签的 font-family 时遇到问题。这些字体在 Internet Explorer 和 Firefox 中工作正常，但在 mobile Safari 中它们变成 Arial.

h1 {
    font-family: Cambria, "Times New Roman";
}

.text_1 {
    font-family: Cambria, "Times New Roman";
}

p 和 h1 放置在同一个自动高度的浮动容器中。

有什么建议吗？

Answer 1

马上，我们可以看到只有一种显示的字体重叠：Arial。 None 的 Calibri 或 Cambria 字体在 Mac 上可用，并且 Mac 仅此页面上就有至少一打在 Windows 中不可用！事实上，在这两个系统之间，只有十种字体重叠：

CSS3 font family doesn't work in safari