如何确保在每个操作系统和设备上显示所选字体？

Question

根据我的理解，每个操作系统都有其支持的字体。如果某个站点使用的是操作系统不支持的其他字体，则会显示默认字体，例如Android上的roboto。 与此同时，我遇到的网站使用的字体显然不在iOS字体列表中，但在所有设备上，包括iphone和ipads以及所有其他操作系统，它都显示正确。 那怎么可能呢？有解决这个问题的方法吗？ 谢谢，

Answer 1

使用CSS3的@font-face规则，您现在可以指定自己的字体名称和字体文件：

@font-face {
    font-family: myFirstFont;
    src: url(sansation_light.woff);
}

然后要使用该字体，请使用font-family属性：

div {
    font-family: myFirstFont;
}

Google has tons of free web fonts，您可以将其包含在HTML / CSS中。