我想在Arial旁边使用嵌入字体作为替代品。嵌入字体需要更大的字体大小。
如何确保Arial显示在15pt，Bebas显示在20pt，显示相同的元素。 （对于同一篇文章）
谢谢！
*让我进一步解释一下：
我有一串文字。我希望它显示为Bebas或Arial。当Arial作为替代品加载时，它需要具有不同的字体大小和重量，因为共享字体大小对这些字体不起作用（Bebas很小）。
答案 0 :(得分：1)
您可以使用FontChecker之类的脚本来检查字体是否可用。它依赖于MooTools并被这样调用：
window.addEvent('domready',function() {
var fc = new FontChecker();
if (!fc.check('Bebas')) {
$$('.someclass').setStyles({'font-size': '15pt'});
}
});
如果 Bebas 不可用，它会将类 someclass 的所有元素的字体大小设置为15pt。
您的CSS文件：
.someclass {
font-family:Bebas,Arial,sans-serif;
font-size:20pt;
}
如果你不使用MooTools，也许有其他库或vanilla JS（=没有库的普通JS）的类似脚本。或者只是重写它，it's quite short。
修改
其他一些脚本（我不知道它们，我只使用FontChecker）：