gpt4 book ai didi

html - CSS .wf-无效

转载 作者:太空宇宙 更新时间:2023-11-04 08:43:46 25 4
gpt4 key购买 nike

将以下代码添加到我的 CSS 是否可以在 Google 的网络字体处于非事件状态时提供替代字体?我所做的只是将以下链接添加到我的 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。

关于html - CSS .wf-无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43921958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com