0

我有很多 css 类，我在其中重新定义字体大小，例如：

.ko {font-size:2.2em;}
.szik {font-size:2.8em}

现在我用自定义字体替换我的默认字体，我定义了一个新字体：

@font-face {
font-family: BebasNeue;
src: url("http://acc-road.com/page/media/BebasNeue.otf") format("opentype");
}

我的问题是旧的字体大小与新的不匹配，这是我重写所有代码的最后机会。我能轻松解决这个问题吗？如何？

我尝试了这个解决方案，但它不起作用。

@font-face {
    font-family: BebasNeue;
    src: url("http://acc-road.com/page/media/BebasNeue.otf") format("opentype");
    font-size: 10.5em;
    font-size-adjust: 10.5;
}

感谢您的回答。

4

2 回答 2

2

更改字体系列时，字体大小根本不会改变，但字符的尺寸会发生变化。如果这是一个问题，您需要重新考虑字体系列和字体大小的选择。

你没有描述你如何使用字体，所以我会猜测一下。假设您的复制文本字体是 Arial，并且您使用 Bebas Neue 作为标题。在 Bebas Neue 中，所有字母都与 Arial 中的大写字母差不多高。这是一种奇怪的字体，故意失去了大小写的区别，这有其含义。（例如，如果您使用较大的相对字体大小，如2.8em在 BebasNeue 与复制文本 Arial 时，字母的大小将变得更大。）如果您使用它，您只需相应地选择字体大小。如果您以受控方式设置标题字体大小，这应该不是一个大问题。

原则上，您可以使用font-size-adjust根据字体系列调整字体大小，但它适用于相对 x 高度（10.5将是一个荒谬的值），并且它仅受 Firefox 支持，以一种损坏的方式。

于 2012-12-24T07:32:34.680 回答
0

您不需要重写所有字体大小，只需更改 body 标签的字体大小：

body {
  font-size: 15px; /* use an appropriate value */
}

当你在 css 规则中说“1.2em”时，你只是说你想使用继承的字体大小 * 1.2。与使用百分比相同。

于 2012-12-24T00:04:25.520 回答