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 回答