6

我正在使用@font-face，它必须被赋予一个大的字体大小。例如，标题的字体大小是 54px，这通常是很大的，但在这种字体中它看起来是中等的。

所以问题是，当页面加载时，替代字体显得非常大并且破坏了整个布局。

有没有办法可以为替代字体指定字体大小？

4

2 回答 2

2

我会尝试name通过 JavaScript 或 jQuery 检索正在使用的字体，如果不是@font-face字体，则font-size相应地进行调整。

编辑：
这是一个JavaScript 字体检测插件，用于测试何时呈现后备字体。

于 2012-07-16T10:54:07.680 回答
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;
}

虽然，即使那样我猜它可能不会以正确的顺序改变......一般来说，我不会担心加载时布局看起来很有趣，但希望这会有所帮助。

于 2012-07-16T10:19:36.750 回答