Html 字体回退：如何指定“字体回退”；“特定字体”；规则？

有时web字体不会加载（例如，如果托管在google字体上） 而且回退可能需要特殊处理，因为它们可以始终不同于其他指定字体

例如：

font-family:'webfontname', 'winfont', 'linuxfont', sans-serif;

现在webfont应该有了

letter-spacing:2px;

letter-spacing:-4px;

但是winfont应该有

letter-spacing:2px;

letter-spacing:-4px;

我该怎么办

谢谢您所使用的，因此我建议您使用，例如，这将允许您根据字体是加载还是加载应用不同的CSS

下面是一个基于我的第二个链接中的代码的最小示例：

（垃圾邮件刷新以查看它）

WebFontConfig={
谷歌：{families:['Cantarell']}
};
（功能（）{
var wf=document.createElement（'script'）；
wf.src=（'https:'==document.location.protocol？'https'：'http'）+
“：//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js”；
wf.type='text/javascript'；
wf.async='true'；
var s=document.getElementsByTagName（'script'）[0]；
s、 parentNode.insertBefore（wf，s）；
})();
.wf加载h1{
字体系列：衬线；
字体大小：16px；
颜色：红色；
字母间距：20px；
}
.wf活动h1{
字体系列：“Cantarell”，衬线；
字体大小：16px；
字母间距：2px；
}
这是使用Cantarell

“有时网页字体无法加载”-wat？我的英语是random（），算了吧。更正你的英语很好，只是如果你正确嵌入字体，它应该总是加载。在什么情况下不能从Google Web字体中正确加载字体？问题是如何设置回退样式，独立于它们是否是Web字体。谷歌永远不会崩溃，但在我的国家，连接有时很糟糕。顺便说一句，你确实需要JavaScript来解决这个问题。CSS本身无法根据所使用的字体调整字母间距。听起来很痛苦。我希望将来会有另一种方法在@font-face规则中设置具体的调整。谢谢你的回答，现在投票了！