CSS.wf-无效
CSS .wf-inactive
将以下代码添加到我的 CSS 是否可以在 Google 的网络字体处于非活动状态时提供替代字体?我所做的就是将以下 link 添加到我的 HTML 中:
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Shrikhand" rel="stylesheet">
我已将此添加到 CSS:
.wf-inactive body {
font-family: serif;
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0;
word-spacing: 0.035em;
margin-top: 0.65em;
margin-bottom: 0.55em;
/* To match body, p, section, etc's active content */
}
还有比这更多的吗?
我建议使用字体堆栈,它是专门设计的,如果一种字体失败,您的浏览器将掉落到下一个字体。
font-family: 'Playfair Display', Arial, sans-serif;
这告诉您的浏览器优先考虑 Playfair,如果这不起作用,请切换到 Arial。如果您的用户没有 Arial,它将切换到他们计算机上的默认 san-serif。
将以下代码添加到我的 CSS 是否可以在 Google 的网络字体处于非活动状态时提供替代字体?我所做的就是将以下 link 添加到我的 HTML 中:
<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Shrikhand" rel="stylesheet">
我已将此添加到 CSS:
.wf-inactive body {
font-family: serif;
font-size: 1em;
line-height: 1.4em;
letter-spacing: 0;
word-spacing: 0.035em;
margin-top: 0.65em;
margin-bottom: 0.55em;
/* To match body, p, section, etc's active content */
}
还有比这更多的吗?
我建议使用字体堆栈,它是专门设计的,如果一种字体失败,您的浏览器将掉落到下一个字体。
font-family: 'Playfair Display', Arial, sans-serif;
这告诉您的浏览器优先考虑 Playfair,如果这不起作用,请切换到 Arial。如果您的用户没有 Arial,它将切换到他们计算机上的默认 san-serif。