css - 切换字体时如何补偿字体大小

Question

假设您有一个网页，其中：


使用单个字体：* { font-family: SomeFont }
样式表很大，是由其他人制作的，因此您不知道详细信息
可以使用任何已知技术（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