css - 有条件地设置@font-face

Question

我将@font-face 用于某些标题。

替换的字体在尺寸和整体特征上有所不同。当切换发生时，旧字体的规则看起来不太好。

除了编写有条件的 Javascript 脚本之外，有没有办法为 @font-face 字体（如果浏览器支持它）设置一组 CSS 规则，以及为未替换的默认字体设置 CSS 规则？

Answer 1

发生此切换时不会触发任何事件。因此，例如，如果您想更改 line-height，浏览器不会让您知道何时执行此操作。

然而，

新的Google WebFont Loader提供 CSS 和 javascript 挂钩，以便您可以在新的 @font-face 字体应用时更改任何内容。

Answer 2

你可能想看看 typekit - 他们在他们的 javascript 库中提供事件来帮助你控制加载事件。