如何在切换字体时补偿字体大小

Question

假设您有一个网页：

1. 使用单一字体：* { font-family: SomeFont }
2. 样式表很大，由别人制作，所以你不详细了解
3. 字体大小可以使用任何已知技术设置（px，em，rem，ex，%等。）

当您将字体更改为* { font-family: NewFont }时，新字体会比原始字体大20％，从而打破了大量布局。

显然，不同字体的实际大小存在一些不一致，因此您不能只是切换字体并期望新字体保持不受其他字体的限制。

是否有一种简单的方法可以弥补这一点，而无需为所有标记手动设置新的字体大小，只使用纯CSS的单个语句，如body { font-size: 80% }。

Answer 1

您可以避免使用 px 并使用 em 。 （ em 是相对的， px 是绝对的）

p {font-size:1.1em }

你可以在这里阅读更多信息：

https://www.w3schools.com/cssref/css_units.asp