我正在使用@ font-face，必须给它一个大字体。例如，标题的字体大小是54px，通常很大，但在这种字体中它看起来很中等。
所以问题是，当页面加载时，替代字体看起来很大并打破了整个布局。
有没有办法可以为替代字体指定字体大小？
答案 0 :(得分：2)
您可以使用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;
}
尽管如此，我猜它可能不会以正确的顺序改变...通常，我不担心加载时布局看起来很有趣，但希望这会有所帮助。
答案 1 :(得分：2)
我会尝试通过JavaScript或jQuery检索正在使用的字体的name，如果它不是@font-face字体，则相应地调整font-size。
修改
这是一个JavaScript Font Detection插件，用于测试何时渲染回退字体。