什么是跨浏览器,跨平台的网络安全字体？

Question

如何使跨浏览器,跨平台和所有设备兼容的css字体堆栈？

Answer 1

最好的解决方案是在任何特定字体之后始终提供通用字体系列:

font-family: "Foo Regular", "Bar Sans", sans-serif;

Answer 2

您不能保证将在移动设备上使用的字体与保证普通计算机上可用的字体相同.

一个安全的选择是使用可以由移动浏览器解释的通用字体系列来向您显示相关字体,例如

font-family: serif; /* (e.g., Times) */
font-family: sans-serif; /* (e.g., Helvetica) */
font-family: monospace; /* (e.g., Courier) */

那么为什么不``font-family:Verdana,Arial,sans-serif`如果`verdana`和`arial`在设备中不可用,那么它可以采用`serif`. (5认同)
因为如果你的字体栈在任何地方指定了实际字体的名称，它会在缺少这种字体的客户端上触发字体别名，例如“网站要求“Arial”，我会给它“Liberation Sans”，用户讨厌它但它具有相同的尺寸（指标），因此它可以解决任何固定像素设计问题。 (2认同)