您也许可以使用Modernizr。它将类添加到<html>元素中，表示浏览器支持的功能。在本例中，它添加的支持类@font-face是fontface.
我要做的是将标题大小设置为适合替代字体的大小，然后嵌套正确的字体大小，如下所示：
.title {
font-size: 20px;
font-family: arial, sans-serif;
}
.fontface .title {
font-size: 50px;
font-family: 'alternative-font', arial, sans-serif;
}
不过，即便如此，我想它可能不会以正确的顺序改变......一般来说，我不会担心加载时布局看起来很有趣，但希望这会有所帮助。